Login
Login

Account

Before building your site, better take a look at this section.

Articles

How to reset your password

To reset your password, follow these steps

Step 1: Click the “settings” icon on the side menu of the page

 

Step 2: Input your Old and New Password, then click save!  

 

Step 3: Your Password has been updated Successfully.

How to create workspace

To create a workspace, follow these simple steps:

 

Step 1: Click “MyWorkSpace” on the top right of the page

 

Step 2: Click “Add new workspace”

 

Step 3: Name your workspace, Upload a photo and select a color. The color gives your workspace a theme and helps you differentiate workspaces from each other.

 

 

Step 4: Great Job! Your workspace has now been created.

 

To go into your newly created workspace, click the “Select” button and you will be taken to the dashboard of your new workspace.

You can delete the workspace by clicking on the “delete” icon.

You can also edit your workspace by clicking on the “Edit” icon.

How to add team member

To add a team member, follow these simple steps:

 

Step 1: Click the “settings” icon

 

 

Step 2: Next, click “Team” and “Add “Team member”

 

 

Step 3: Fill the details of your new team member in the pop-up and click “Save”

 

 

Congratulations! Your Team member has been added to your organization.

 

To add a team member to a workspace, follow these simple steps:

 

Step 1: Click on “Edit”

 

 

 

Step 2: Click “Add user to workspace” in front of the workspace you want to add your team member to.

 

 

Step 3: Select the role you want to assign to your team member. “Editor” or “Admin”

 

 

Your team member is now added to your workspace and an email invite with login access has been sent to your team member to join.

How to delete your account

PS: It’s sad to let you go. Your experience matters to us. If there’s anything specific you’d like to see from us, Please don’t hesitate to let us know. We’re committed to continuously improving to meet your expectations.

See you back soon 

To delete your account, follow these steps:

Step 1: Click the “Settings” icon on the homepage

 

Step 2: Click the “Delete my account” button at the bottom of the page.

How to Upgrade your plan

To upgrade your plan, follow these simple steps:

 

Step 1: On the Settings page, cursor to “Billing” and Click the “Upgrade to a Paid Plan” button

 

How to Download your account Data

To download your account data, follow these simple steps:

 

Step 1: Click the “Settings” icon and profile on the homepage

 

 

Step 2: Click the “Download my Data” button at the bottom of the settings page

 

How to update your profile

To update your profile, follow these steps:

Step 1: Click the “Settings” icon and profile on the homepage

 

Step 2: Enter your old and new password and click “Save”

 

Congratulations! Your new password has been updated and a confirmation email sent to your inbox.

How to add team member or Team member access

How to reset your password

To reset your password, follow these steps

Step 1: Click the “settings” icon on the side menu of the page

 

Step 2: Input your Old and New Password, then click save!  

 

Step 3: Your Password has been updated Successfully.

How to create workspace

To create a workspace, follow these simple steps:

 

Step 1: Click “MyWorkSpace” on the top right of the page

 

Step 2: Click “Add new workspace”

 

Step 3: Name your workspace, Upload a photo and select a color. The color gives your workspace a theme and helps you differentiate workspaces from each other.

 

 

Step 4: Great Job! Your workspace has now been created.

 

To go into your newly created workspace, click the “Select” button and you will be taken to the dashboard of your new workspace.

You can delete the workspace by clicking on the “delete” icon.

You can also edit your workspace by clicking on the “Edit” icon.

Editor

Articles

How to make your website ADA compliant

How to Save changes to your website

To add new pages to your website follow these steps

Step 1: After making edits on your website, click on the save button at the top and your website saves the most recent update you’ve made.

How to add new page to your website

To add new pages to your website follow these steps

Step 1: to add a new page to your website,click on the icon the arrow is facing (the 4th icon on the side bar)

Step 2: The side panel opens up. There you get to see the list of pages already created and also the ( +Add Blank Page) button.

Step 3: after clicking on the + Blank Page, another panel shows up, click on the Blank Page button and it changes with an option to either Add or Cancel.

Step 4: Immediately a new page appears.

How to delete a page on your website

To delete a page on your website, follow these simple steps:

 

Step 1: Head to the menu section, as shown by the arrow

 

Step 2: Right-click on the menu section, select “Open Menu Manager”

 

Step 3: Click on the settings icon,and right-click on it. Select Delete, and click save.

 

How to use page settings

To access and use page settings on the editor, follow these steps

Step 1: On the side bar, click on the 4th icon

Step 2: a side panel will open immediately, displaying a list of pages on your website. Hover over the page you'd like to edit to access its settings.

Step 3: after clicking on the settings icon, a modal appears with the top title Page Settings. There you can make edits to the page settings as preferred and click on the Save Page Settings button to save the changes.

How to add menu to your website

To add menu to your website, follow these simple steps:

 

Step 1: Click on the Widget icon, at the left part of the page as shown by the arrow.

 

 

Step 2: Click the menu option and select your preferred menu as shown:

How to edit text on your website

How to add new page to your website

How to organize your media into folders

To organize your media into folders, follow these simple steps:

 

Step 1: Click the widget icon on the left part of the website

 

Step 2: Click on the image button, to see available images and click “Open Media Library”

 

Step 3: Next, Click the “Add folders” button at the top-right as shown by the arrow

 

Step 4: Next, give the folder a name, and click the save button!

How to upload icon on your website

To upload icon on your website, follow these simple steps:

 

Step 1: Click on the Widget icon, at the left part of the page as shown by the arrow.

 

 

Step 2: From the icon library, choose your preferred icon, and click save.

 

How to turn on Autosave

To turn on autosave on your website, follow these step

Step 1: After making edits on your website, click on the save button at the top and your website saves the most recent update you’ve made.

Step 2: A dropdown will appear after clicking the icon. Here you toggle on the autosave button and then recent updates will automatically save.

How to add logo on your website

How to use site styles

To use the site style on your website, follow these step

Step 1: Click on the icon next to the publish button.

Step 2: On clicking on the icon a side panel opens up with the Site Style as title with options like color, font, button and spacings.

Step 3: Select from the options and make use of the site style options.

Font

On clicking on the font option, Heading, Paragraph, Button and Miscellaneous option shows up. You can search and select fonts by clicking on view font pack or use the search field.

Colors

On clicking on the colors option, users will be able to edit the color palette and style the theme by clicking on the settings icon on either the light theme or dark theme when you hover on any of the themes.

Spacing

On clicking on the spacing on the site style panel, a new panel opens up there you can adjust margin according to your preference.

Buttons

On clicking on the button on the site style panel, a new panel opens up with options like making the button primary, secondary, tertiary, edit font settings, corners and customize according to preference.

How to setup Google Analytics and facebook pixel settings

To setup google analytics on your website, follow these simple steps:

 

Step 1: Click on settings as shown by the arrow

 

Step 2: Click on site, cursor to analytics and type in your Google tracking code and facebook pixel tracking, then click save.

How to hide pages on your website

To hide a page on your website, follow these steps

Step 1: Click on the page icon on the side bar

Step 2: a side panel will open up click on your desired page then click on the settings icon.

Step 3: a modal will open up, click on the Password holder, a password input field will appear at the bottom. Input your desired password . Then click on the Save page Button to save and automatically restricts the page from everyone to see except those with the password with that page.

How to create and delete pages

How to a create submenu

Step 1: Click on the menu widget on your website to bring it to focus then click on the settings icon in front of it.

You can alternatively right click on the menu widget and click “open Menu Manager”

 

 

 

Step 2: When the Menu Manager comes on, click the settings icon and click “Add submenu Link”

 

 

Step 3: Name your Submenu and then select what you want to link your submenu to. You can link to submenu to an external url (Example https://smartbloks.ai), a page on your website, an email or a phone number.

 

 

 

Step 4: We selected page and then selected “New Page” page on our website and then click the “Add Link” button

 

Congratulations! Your submenu has been created.

 

How to add Favicon to your website

Step 1: Click the settings icon at the left hand side of the editor

 

Step 2: Click the “Change image” button and add your icon.

 

Congratulations! Your website Favicon has been added to your website.

How to add team member

To add a team member, follow these simple steps:

 

Step 1: Click the “settings” icon

 

 

Step 2: Next, click “Team” and “Add “Team member”

 

 

Step 3: Fill the details of your new team member in the pop-up and click “Save”

 

 

Congratulations! Your Team member has been added to your organization.

 

To add a team member to a workspace, follow these simple steps:

 

Step 1: Click on “Edit”

 

 

 

Step 2: Click “Add user to workspace” in front of the workspace you want to add your team member to.

 

 

Step 3: Select the role you want to assign to your team member. “Editor” or “Admin”

 

 

Your team member is now added to your workspace and an email invite with login access has been sent to your team member to join.

How to delete your account

PS: It’s sad to let you go. Your experience matters to us. If there’s anything specific you’d like to see from us, Please don’t hesitate to let us know. We’re committed to continuously improving to meet your expectations.

See you back soon 

To delete your account, follow these steps:

Step 1: Click the “Settings” icon on the homepage

 

Step 2: Click the “Delete my account” button at the bottom of the page.

Blocks

Articles

How to delete blocks

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Click on the “delete” icon to delete the block.

How to add video backgrounds to your blocks

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Select the “settings” icon

Step 3: Click on “background”, and click on the “add video” icon under “video”

Step 4: To add an external link, select “add link”, paste the link and click on “add link” again.

Step 6: To use a custom video as your background video, select “Upload Media” and click on “upload from computer”. Once the upload is completed, click on “view”.

Step 5: To upload from the media library, select “open media library”. Click on “Videos”, choose any video of your choice and click on “done”.

How to add image and color backgrounds to your blocks

To add an image background to your blocks, follow these steps:

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Select the “settings” icon

Step 3: Select “background” and click on the “add image” icon under image

Step 4: Select “Images” and choose any image of your choice and click on “done”.

Step 5: To use a custom image as your background image, select “Upload Media” and click on “upload from computer”. Once the upload is completed, click on “view”.

Step 4: Select “Images” and choose any image of your choice and click on “done”.

How to move Blocks up and down

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Click on the “ellipsis” icon on the block section.

How to add new blocks to your website

Step 1: On the editor, click on the “Sections” icon on the left part of the screen.

Step 2: Next, hover over the block types and select any block of your choice.

Step 3: There you go! You’ve got your new block and you can go ahead to start designing.

How to add columns to blocks

Step 1: Double click on the block section to access the block setting.

 

 

 

 

 

Step 2: Click on the block setting to access the block setting options.

 

 

 

 

 

Step 3: Hover to the column options to add a column to the block. Note that you can add up to 5 columns to your block.

 

How to add image and color backgrounds to your blocks

To add an image or color background to your block, follow these few steps

 

Step 1: Click on block section and then select the block setting.

 

 

 

Step 2: On the block settings options, hover to the video background options and select any video of your choice by either clicking on the recommended options or using the search bar to look for your most preferred.

 

 

Step 3: To use a custom video as your block video background, click on the open media library and then upload your own video or media.

 

How to move Blocks up and down

To move a block either up or down, follow this step

 

Right click on block section and the select the move up or move down option to move the block.

 

How to delete a block

To delete a block, follow this few step

Right click on block section and the select the delete option to delete the block

How to access block settings

To access your website block settings, follow these few steps


Step 1: Double click on the block section to access the block setting.

 

Step 2: Then click on the block setting.

 

Step 3: Access block setting options.

How to duplicate blocks

To duplicate a block, follow these few step

 

Step 1: Right click on block section and the select the duplicate option to duplicate the block

 

Smartbloks Knowledge Base

Officia aperiam voluptatem sapiente quia turpis diamlorem! Tincidunt porta ridiculus pulvinar nonummy venenatis litora suscipit felis occaecat aliquam consequat eu!

Articles

Account

Before building your site, better take a look at this section.

How to reset your password

To reset your password, follow these steps

Step 1: Click the “settings” icon on the side menu of the page

 

Step 2: Input your Old and New Password, then click save!  

 

Step 3: Your Password has been updated Successfully.

How to create workspace

To create a workspace, follow these simple steps:

 

Step 1: Click “MyWorkSpace” on the top right of the page

 

Step 2: Click “Add new workspace”

 

Step 3: Name your workspace, Upload a photo and select a color. The color gives your workspace a theme and helps you differentiate workspaces from each other.

 

 

Step 4: Great Job! Your workspace has now been created.

 

To go into your newly created workspace, click the “Select” button and you will be taken to the dashboard of your new workspace.

You can delete the workspace by clicking on the “delete” icon.

You can also edit your workspace by clicking on the “Edit” icon.

How to add team member

To add a team member, follow these simple steps:

 

Step 1: Click the “settings” icon

 

 

Step 2: Next, click “Team” and “Add “Team member”

 

 

Step 3: Fill the details of your new team member in the pop-up and click “Save”

 

 

Congratulations! Your Team member has been added to your organization.

 

To add a team member to a workspace, follow these simple steps:

 

Step 1: Click on “Edit”

 

 

 

Step 2: Click “Add user to workspace” in front of the workspace you want to add your team member to.

 

 

Step 3: Select the role you want to assign to your team member. “Editor” or “Admin”

 

 

Your team member is now added to your workspace and an email invite with login access has been sent to your team member to join.

How to delete your account

PS: It’s sad to let you go. Your experience matters to us. If there’s anything specific you’d like to see from us, Please don’t hesitate to let us know. We’re committed to continuously improving to meet your expectations.

See you back soon 

To delete your account, follow these steps:

Step 1: Click the “Settings” icon on the homepage

 

Step 2: Click the “Delete my account” button at the bottom of the page.

How to Upgrade your plan

To upgrade your plan, follow these simple steps:

 

Step 1: On the Settings page, cursor to “Billing” and Click the “Upgrade to a Paid Plan” button

 

How to Download your account Data

To download your account data, follow these simple steps:

 

Step 1: Click the “Settings” icon and profile on the homepage

 

 

Step 2: Click the “Download my Data” button at the bottom of the settings page

 

How to update your profile

To update your profile, follow these steps:

Step 1: Click the “Settings” icon and profile on the homepage

 

Step 2: Enter your old and new password and click “Save”

 

Congratulations! Your new password has been updated and a confirmation email sent to your inbox.

How to add team member or Team member access

Editor

How to make your website ADA compliant

How to Save changes to your website

To add new pages to your website follow these steps

Step 1: After making edits on your website, click on the save button at the top and your website saves the most recent update you’ve made.

How to add new page to your website

To add new pages to your website follow these steps

Step 1: to add a new page to your website,click on the icon the arrow is facing (the 4th icon on the side bar)

Step 2: The side panel opens up. There you get to see the list of pages already created and also the ( +Add Blank Page) button.

Step 3: after clicking on the + Blank Page, another panel shows up, click on the Blank Page button and it changes with an option to either Add or Cancel.

Step 4: Immediately a new page appears.

How to delete a page on your website

To delete a page on your website, follow these simple steps:

 

Step 1: Head to the menu section, as shown by the arrow

 

Step 2: Right-click on the menu section, select “Open Menu Manager”

 

Step 3: Click on the settings icon,and right-click on it. Select Delete, and click save.

 

How to use page settings

To access and use page settings on the editor, follow these steps

Step 1: On the side bar, click on the 4th icon

Step 2: a side panel will open immediately, displaying a list of pages on your website. Hover over the page you'd like to edit to access its settings.

Step 3: after clicking on the settings icon, a modal appears with the top title Page Settings. There you can make edits to the page settings as preferred and click on the Save Page Settings button to save the changes.

How to add menu to your website

To add menu to your website, follow these simple steps:

 

Step 1: Click on the Widget icon, at the left part of the page as shown by the arrow.

 

 

Step 2: Click the menu option and select your preferred menu as shown:

How to edit text on your website

How to add new page to your website

How to organize your media into folders

To organize your media into folders, follow these simple steps:

 

Step 1: Click the widget icon on the left part of the website

 

Step 2: Click on the image button, to see available images and click “Open Media Library”

 

Step 3: Next, Click the “Add folders” button at the top-right as shown by the arrow

 

Step 4: Next, give the folder a name, and click the save button!

How to upload icon on your website

To upload icon on your website, follow these simple steps:

 

Step 1: Click on the Widget icon, at the left part of the page as shown by the arrow.

 

 

Step 2: From the icon library, choose your preferred icon, and click save.

 

How to turn on Autosave

To turn on autosave on your website, follow these step

Step 1: After making edits on your website, click on the save button at the top and your website saves the most recent update you’ve made.

Step 2: A dropdown will appear after clicking the icon. Here you toggle on the autosave button and then recent updates will automatically save.

How to add logo on your website

How to use site styles

To use the site style on your website, follow these step

Step 1: Click on the icon next to the publish button.

Step 2: On clicking on the icon a side panel opens up with the Site Style as title with options like color, font, button and spacings.

Step 3: Select from the options and make use of the site style options.

Font

On clicking on the font option, Heading, Paragraph, Button and Miscellaneous option shows up. You can search and select fonts by clicking on view font pack or use the search field.

Colors

On clicking on the colors option, users will be able to edit the color palette and style the theme by clicking on the settings icon on either the light theme or dark theme when you hover on any of the themes.

Spacing

On clicking on the spacing on the site style panel, a new panel opens up there you can adjust margin according to your preference.

Buttons

On clicking on the button on the site style panel, a new panel opens up with options like making the button primary, secondary, tertiary, edit font settings, corners and customize according to preference.

How to setup Google Analytics and facebook pixel settings

To setup google analytics on your website, follow these simple steps:

 

Step 1: Click on settings as shown by the arrow

 

Step 2: Click on site, cursor to analytics and type in your Google tracking code and facebook pixel tracking, then click save.

How to hide pages on your website

To hide a page on your website, follow these steps

Step 1: Click on the page icon on the side bar

Step 2: a side panel will open up click on your desired page then click on the settings icon.

Step 3: a modal will open up, click on the Password holder, a password input field will appear at the bottom. Input your desired password . Then click on the Save page Button to save and automatically restricts the page from everyone to see except those with the password with that page.

How to create and delete pages

How to a create submenu

Step 1: Click on the menu widget on your website to bring it to focus then click on the settings icon in front of it.

You can alternatively right click on the menu widget and click “open Menu Manager”

 

 

 

Step 2: When the Menu Manager comes on, click the settings icon and click “Add submenu Link”

 

 

Step 3: Name your Submenu and then select what you want to link your submenu to. You can link to submenu to an external url (Example https://smartbloks.ai), a page on your website, an email or a phone number.

 

 

 

Step 4: We selected page and then selected “New Page” page on our website and then click the “Add Link” button

 

Congratulations! Your submenu has been created.

 

How to add Favicon to your website

Step 1: Click the settings icon at the left hand side of the editor

 

Step 2: Click the “Change image” button and add your icon.

 

Congratulations! Your website Favicon has been added to your website.

Blocks

How to delete blocks

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Click on the “delete” icon to delete the block.

How to add video backgrounds to your blocks

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Select the “settings” icon

Step 3: Click on “background”, and click on the “add video” icon under “video”

Step 4: To add an external link, select “add link”, paste the link and click on “add link” again.

Step 6: To use a custom video as your background video, select “Upload Media” and click on “upload from computer”. Once the upload is completed, click on “view”.

Step 5: To upload from the media library, select “open media library”. Click on “Videos”, choose any video of your choice and click on “done”.

How to add image and color backgrounds to your blocks

To add an image background to your blocks, follow these steps:

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Select the “settings” icon

Step 3: Select “background” and click on the “add image” icon under image

Step 4: Select “Images” and choose any image of your choice and click on “done”.

Step 5: To use a custom image as your background image, select “Upload Media” and click on “upload from computer”. Once the upload is completed, click on “view”.

Step 4: Select “Images” and choose any image of your choice and click on “done”.

How to move Blocks up and down

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Click on the “ellipsis” icon on the block section.

How to add new blocks to your website

Step 1: On the editor, click on the “Sections” icon on the left part of the screen.

Step 2: Next, hover over the block types and select any block of your choice.

Step 3: There you go! You’ve got your new block and you can go ahead to start designing.

How to add columns to blocks

Step 1: Double click on the block section to access the block setting.

 

 

 

 

 

Step 2: Click on the block setting to access the block setting options.

 

 

 

 

 

Step 3: Hover to the column options to add a column to the block. Note that you can add up to 5 columns to your block.

 

How to add image and color backgrounds to your blocks

To add an image or color background to your block, follow these few steps

 

Step 1: Click on block section and then select the block setting.

 

 

 

Step 2: On the block settings options, hover to the video background options and select any video of your choice by either clicking on the recommended options or using the search bar to look for your most preferred.

 

 

Step 3: To use a custom video as your block video background, click on the open media library and then upload your own video or media.

 

How to move Blocks up and down

To move a block either up or down, follow this step

 

Right click on block section and the select the move up or move down option to move the block.

 

How to delete a block

To delete a block, follow this few step

Right click on block section and the select the delete option to delete the block

How to access block settings

To access your website block settings, follow these few steps


Step 1: Double click on the block section to access the block setting.

 

Step 2: Then click on the block setting.

 

Step 3: Access block setting options.

How to duplicate blocks

To duplicate a block, follow these few step

 

Step 1: Right click on block section and the select the duplicate option to duplicate the block

 

Website

You can control the theme’s functionality and customize theme’s content from the Theme Settings page. Here you will find all relevant settings to customize the theme.

This section will provide you an in-depth guide on how to use the Theme Options. To access the Theme Options page, go to- Dashboard > Theme Settings. You will find this page at the top of the Appearance menu.

How to preview your website

Step 1: Click on the “Preview” button shown below

How to add chat bots or inject custom code on your website

How to add images on your website

How to generate text with AI writer

How to preview your website

Follow these simple steps, to preview your website:

Step 1: Click on the preview button shown below

How to duplicate your website

Follow these simple steps, to duplicate your website:

Step 1: Click on the settings icon and the duplicate option as shown below

How to rename your website

To rename your website, follow these simple steps:

Step 1: Click on the rename option, input the new name and click save!

 

How to delete your website

To delete your website, follow these simple steps:

Step 1: Click on the rename option, input the new name and click save!

How to continue editing your website

To dcontinue editing your website, follow these simple steps:

Step 1: Click on “Continue” as shown by the arrow below:

How to export your customer emails

To export your customer emails, follow these simple steps:

Step 1: Click on “Export” as shown by the arrow below:

How to rename a page on your website

To rename a page on your website, follow these simple steps:

 

Step 1: Head to the menu section and right-click

 

 

Step 2: Select “Open Menu Manager”

 

 

Step 3: Click on the settings icon, and select edit as shown by the arrows

 

 

 

Step 4: Rename your page as shown, and click save!.

 

There you go, your page is renamed! 😁

How to Auto-save on your website

To auto-save changes on your website, follow these simple steps:

 

Step 1: On the editor homepage, click on the icon shown by the arrow, toggle the auto-save and click save.

How to publish and Unpublish your website

Follow these simple steps, to publish and unpublish your website:

Step 1: Click “Publish”, as shown in the dashboard below:

How to create a website with Anna

To create a website with Anna, follow these simple steps:

Step 1: Hover on the plus icon, and click on “Create website”

 

Step 2: Click on “With Anna” option as shown by the arrow

 

Step 3: Write the title of your website and click “Send”

 

Step 4: Continuously interact with the AI

How to add your custom domain

Step 1: Click the Domain tab at the left hand side of your screen to open the Custom domain page. 

 

Step 2: Next, Click on the “edit” icon in front of the website you want to add your custom domain for.

 

 

Step 3: You will be given an A record to add to your domain host so that your custom domain can be pointed to our Smartbloks Servers and to your website.

 

Step 4: Create an A record in your domain host (E.g Namecheap, Godaddy, or any other company where you bought your domain).

 

Copy the DNS records in Smartbloks and add it to your domain host. We will be using Namecheap for this example.

 

 

Step 5: Go back to your Smartbloks “Edit domain” Page. Put in your Custom domain and click “verify”.

 

If your DNS is set properly, The status of your website domain will change to “Verified”.

 

Please note that it takes between 24-48 hours for your DNS settings to fully propagate. If your website is not live on your custom domain after 48 hours, Please contact support at Support@smartbloks.ai.

 

Step 6: Visit your custom domain url, Your website will be live.

 

 

 

How to create website from themes

 Widgets

How to add and edit text widget on website

To add and edit text widget on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the Text widget into your desired section on your site. Click the edit icon to modify the text and adjust the styling.

How to add and edit videos on your website

To add and edit videos on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the video widget into your preferred section. To edit the video click on the edit icon at the top right. From there you can edit the video content and styling as seen below.

How to add and edit buttons on your website

To add and edit button on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the Button widget into your desired section. Click the edit icon at the top right to modify the button text, add a link to a page, and adjust the button's style.

How to add and edit Shapes on your website

To add and edit shapes on your website, follow these simple steps:

 

Step 1: Click the widget icon on the left part of the page as shown by the arrow

 

 

 

Step 2: Click on “Shapes”

 

Step 3: Drag and drop the shape of your choice, and click save

 

How to add and edit a form on your website

How to connect a form to an autoresponder on your website

To connect a form to an autoresponder on your website, follow these simple steps:

Step 1: Click the form icon on the left part of the page as shown by the arrow, and choose which of the forms to edit by clicking “Edit” as shown by the arrow.

 

Step 2: Scroll down and Click Next, as shown by the arrow

 

Step 3: Choose your preferred Autoresponder and click “save”

How to add and edit audio on your website

To add and edit audio on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: Drag and drop the Audio widget into your desired section. Click the edit icon at the top right to modify the audio widget by adding a link of your desired audio, author name and title to the audio.

How to add and edit Google map on your website

To add and edit Google map on your website, follow these simple steps:

Step 1: In the widget section, click on Map as shown below

Step 2: Drag and drop the Google map to your Page.

How to add and edit video on your website

To add and edit video on your website, follow these simple steps:

Step 1: Click the widget icon on the left part of the page as shown by the arrow

Step 2: Click on Video, drag and drop into your webpage.

How to add and edit images on your website

To add and edit images on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the Image widget into your desired section. Click the edit icon at the top right to modify the image. From there, you can edit the image content or adjust the style.

Step 3: Drag and drop the Image widget into your desired section. Click the edit icon at the top right to modify the image. From there, you can edit the image content or adjust the style.

Ecommerce

How to add a physical product

How to add media in your product description

How to add a digital product

How to create coupons

How to activate payment method

How to display top selling product

How to add single product to your website

How to add multiple products to your website

How to add cart widget to your website

Booking

How to create a schedule

How to enable paid bookings

How to approve or decline bookings

How to create paid tickets

How to activate email notifications

How to activate sms notifications

How to add bookings to your website

Blog

How to set up a blog on your website

How to reply comments on your blog

How to add images inside your blog post

How to embed videos in your blog post

How to Upgrade your plan

To upgrade your plan, follow these simple steps:

 

Step 1: On the Settings page, cursor to “Billing” and Click the “Upgrade to a Paid Plan” button

 

How to Download your account Data

To download your account data, follow these simple steps:

 

Step 1: Click the “Settings” icon and profile on the homepage

 

 

Step 2: Click the “Download my Data” button at the bottom of the settings page

 

How to update your profile

To update your profile, follow these steps:

Step 1: Click the “Settings” icon and profile on the homepage

 

Step 2: Enter your old and new password and click “Save”

 

Congratulations! Your new password has been updated and a confirmation email sent to your inbox.

Website

You can control the theme’s functionality and customize theme’s content from the Theme Settings page. Here you will find all relevant settings to customize the theme.

This section will provide you an in-depth guide on how to use the Theme Options. To access the Theme Options page, go to- Dashboard > Theme Settings. You will find this page at the top of the Appearance menu.

Articles

How to preview your website

Step 1: Click on the “Preview” button shown below

How to add chat bots or inject custom code on your website

How to add images on your website

How to generate text with AI writer

How to preview your website

Follow these simple steps, to preview your website:

Step 1: Click on the preview button shown below

How to duplicate your website

Follow these simple steps, to duplicate your website:

Step 1: Click on the settings icon and the duplicate option as shown below

How to rename your website

To rename your website, follow these simple steps:

Step 1: Click on the rename option, input the new name and click save!

 

How to delete your website

To delete your website, follow these simple steps:

Step 1: Click on the rename option, input the new name and click save!

How to continue editing your website

To dcontinue editing your website, follow these simple steps:

Step 1: Click on “Continue” as shown by the arrow below:

How to export your customer emails

To export your customer emails, follow these simple steps:

Step 1: Click on “Export” as shown by the arrow below:

How to rename a page on your website

To rename a page on your website, follow these simple steps:

 

Step 1: Head to the menu section and right-click

 

 

Step 2: Select “Open Menu Manager”

 

 

Step 3: Click on the settings icon, and select edit as shown by the arrows

 

 

 

Step 4: Rename your page as shown, and click save!.

 

There you go, your page is renamed! 😁

How to Auto-save on your website

To auto-save changes on your website, follow these simple steps:

 

Step 1: On the editor homepage, click on the icon shown by the arrow, toggle the auto-save and click save.

How to publish and Unpublish your website

Follow these simple steps, to publish and unpublish your website:

Step 1: Click “Publish”, as shown in the dashboard below:

How to create a website with Anna

To create a website with Anna, follow these simple steps:

Step 1: Hover on the plus icon, and click on “Create website”

 

Step 2: Click on “With Anna” option as shown by the arrow

 

Step 3: Write the title of your website and click “Send”

 

Step 4: Continuously interact with the AI

How to add your custom domain

Step 1: Click the Domain tab at the left hand side of your screen to open the Custom domain page. 

 

Step 2: Next, Click on the “edit” icon in front of the website you want to add your custom domain for.

 

 

Step 3: You will be given an A record to add to your domain host so that your custom domain can be pointed to our Smartbloks Servers and to your website.

 

Step 4: Create an A record in your domain host (E.g Namecheap, Godaddy, or any other company where you bought your domain).

 

Copy the DNS records in Smartbloks and add it to your domain host. We will be using Namecheap for this example.

 

 

Step 5: Go back to your Smartbloks “Edit domain” Page. Put in your Custom domain and click “verify”.

 

If your DNS is set properly, The status of your website domain will change to “Verified”.

 

Please note that it takes between 24-48 hours for your DNS settings to fully propagate. If your website is not live on your custom domain after 48 hours, Please contact support at Support@smartbloks.ai.

 

Step 6: Visit your custom domain url, Your website will be live.

 

 

 

How to create website from themes

 Widgets

Articles

How to add and edit text widget on website

To add and edit text widget on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the Text widget into your desired section on your site. Click the edit icon to modify the text and adjust the styling.

How to add and edit videos on your website

To add and edit videos on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the video widget into your preferred section. To edit the video click on the edit icon at the top right. From there you can edit the video content and styling as seen below.

How to add and edit buttons on your website

To add and edit button on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the Button widget into your desired section. Click the edit icon at the top right to modify the button text, add a link to a page, and adjust the button's style.

How to add and edit Shapes on your website

To add and edit shapes on your website, follow these simple steps:

 

Step 1: Click the widget icon on the left part of the page as shown by the arrow

 

 

 

Step 2: Click on “Shapes”

 

Step 3: Drag and drop the shape of your choice, and click save

 

How to add and edit a form on your website

How to connect a form to an autoresponder on your website

To connect a form to an autoresponder on your website, follow these simple steps:

Step 1: Click the form icon on the left part of the page as shown by the arrow, and choose which of the forms to edit by clicking “Edit” as shown by the arrow.

 

Step 2: Scroll down and Click Next, as shown by the arrow

 

Step 3: Choose your preferred Autoresponder and click “save”

How to add and edit audio on your website

To add and edit audio on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: Drag and drop the Audio widget into your desired section. Click the edit icon at the top right to modify the audio widget by adding a link of your desired audio, author name and title to the audio.

How to add and edit Google map on your website

To add and edit Google map on your website, follow these simple steps:

Step 1: In the widget section, click on Map as shown below

Step 2: Drag and drop the Google map to your Page.

How to add and edit video on your website

To add and edit video on your website, follow these simple steps:

Step 1: Click the widget icon on the left part of the page as shown by the arrow

Step 2: Click on Video, drag and drop into your webpage.

How to add and edit images on your website

To add and edit images on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the Image widget into your desired section. Click the edit icon at the top right to modify the image. From there, you can edit the image content or adjust the style.

Step 3: Drag and drop the Image widget into your desired section. Click the edit icon at the top right to modify the image. From there, you can edit the image content or adjust the style.

How to add team member or Team member access

How to delete blocks

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Click on the “delete” icon to delete the block.

How to make your website ADA compliant

How to Save changes to your website

To add new pages to your website follow these steps

Step 1: After making edits on your website, click on the save button at the top and your website saves the most recent update you’ve made.

How to add video backgrounds to your blocks

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Select the “settings” icon

Step 3: Click on “background”, and click on the “add video” icon under “video”

Step 4: To add an external link, select “add link”, paste the link and click on “add link” again.

Step 6: To use a custom video as your background video, select “Upload Media” and click on “upload from computer”. Once the upload is completed, click on “view”.

Step 5: To upload from the media library, select “open media library”. Click on “Videos”, choose any video of your choice and click on “done”.

Ecommerce

Articles

How to add a physical product

How to add media in your product description

How to add a digital product

How to create coupons

How to activate payment method

How to display top selling product

How to add single product to your website

How to add multiple products to your website

How to add cart widget to your website

How to add image and color backgrounds to your blocks

To add an image background to your blocks, follow these steps:

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Select the “settings” icon

Step 3: Select “background” and click on the “add image” icon under image

Step 4: Select “Images” and choose any image of your choice and click on “done”.

Step 5: To use a custom image as your background image, select “Upload Media” and click on “upload from computer”. Once the upload is completed, click on “view”.

Step 4: Select “Images” and choose any image of your choice and click on “done”.

How to add new page to your website

To add new pages to your website follow these steps

Step 1: to add a new page to your website,click on the icon the arrow is facing (the 4th icon on the side bar)

Step 2: The side panel opens up. There you get to see the list of pages already created and also the ( +Add Blank Page) button.

Step 3: after clicking on the + Blank Page, another panel shows up, click on the Blank Page button and it changes with an option to either Add or Cancel.

Step 4: Immediately a new page appears.

How to delete a page on your website

To delete a page on your website, follow these simple steps:

 

Step 1: Head to the menu section, as shown by the arrow

 

Step 2: Right-click on the menu section, select “Open Menu Manager”

 

Step 3: Click on the settings icon,and right-click on it. Select Delete, and click save.

 

How to add and edit text widget on website

To add and edit text widget on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the Text widget into your desired section on your site. Click the edit icon to modify the text and adjust the styling.

How to move Blocks up and down

Step 1: Click on the “ellipsis” icon on the block section.

Step 2: Click on the “ellipsis” icon on the block section.

How to use page settings

To access and use page settings on the editor, follow these steps

Step 1: On the side bar, click on the 4th icon

Step 2: a side panel will open immediately, displaying a list of pages on your website. Hover over the page you'd like to edit to access its settings.

Step 3: after clicking on the settings icon, a modal appears with the top title Page Settings. There you can make edits to the page settings as preferred and click on the Save Page Settings button to save the changes.

How to add menu to your website

To add menu to your website, follow these simple steps:

 

Step 1: Click on the Widget icon, at the left part of the page as shown by the arrow.

 

 

Step 2: Click the menu option and select your preferred menu as shown:

How to edit text on your website

How to add new page to your website

How to organize your media into folders

To organize your media into folders, follow these simple steps:

 

Step 1: Click the widget icon on the left part of the website

 

Step 2: Click on the image button, to see available images and click “Open Media Library”

 

Step 3: Next, Click the “Add folders” button at the top-right as shown by the arrow

 

Step 4: Next, give the folder a name, and click the save button!

How to preview your website

Step 1: Click on the “Preview” button shown below

How to upload icon on your website

To upload icon on your website, follow these simple steps:

 

Step 1: Click on the Widget icon, at the left part of the page as shown by the arrow.

 

 

Step 2: From the icon library, choose your preferred icon, and click save.

 

How to turn on Autosave

To turn on autosave on your website, follow these step

Step 1: After making edits on your website, click on the save button at the top and your website saves the most recent update you’ve made.

Step 2: A dropdown will appear after clicking the icon. Here you toggle on the autosave button and then recent updates will automatically save.

How to add logo on your website

How to use site styles

To use the site style on your website, follow these step

Step 1: Click on the icon next to the publish button.

Step 2: On clicking on the icon a side panel opens up with the Site Style as title with options like color, font, button and spacings.

Step 3: Select from the options and make use of the site style options.

Font

On clicking on the font option, Heading, Paragraph, Button and Miscellaneous option shows up. You can search and select fonts by clicking on view font pack or use the search field.

Colors

On clicking on the colors option, users will be able to edit the color palette and style the theme by clicking on the settings icon on either the light theme or dark theme when you hover on any of the themes.

Spacing

On clicking on the spacing on the site style panel, a new panel opens up there you can adjust margin according to your preference.

Buttons

On clicking on the button on the site style panel, a new panel opens up with options like making the button primary, secondary, tertiary, edit font settings, corners and customize according to preference.

How to setup Google Analytics and facebook pixel settings

To setup google analytics on your website, follow these simple steps:

 

Step 1: Click on settings as shown by the arrow

 

Step 2: Click on site, cursor to analytics and type in your Google tracking code and facebook pixel tracking, then click save.

How to hide pages on your website

To hide a page on your website, follow these steps

Step 1: Click on the page icon on the side bar

Step 2: a side panel will open up click on your desired page then click on the settings icon.

Step 3: a modal will open up, click on the Password holder, a password input field will appear at the bottom. Input your desired password . Then click on the Save page Button to save and automatically restricts the page from everyone to see except those with the password with that page.

How to create and delete pages

How to a create submenu

Step 1: Click on the menu widget on your website to bring it to focus then click on the settings icon in front of it.

You can alternatively right click on the menu widget and click “open Menu Manager”

 

 

 

Step 2: When the Menu Manager comes on, click the settings icon and click “Add submenu Link”

 

 

Step 3: Name your Submenu and then select what you want to link your submenu to. You can link to submenu to an external url (Example https://smartbloks.ai), a page on your website, an email or a phone number.

 

 

 

Step 4: We selected page and then selected “New Page” page on our website and then click the “Add Link” button

 

Congratulations! Your submenu has been created.

 

How to add Favicon to your website

Step 1: Click the settings icon at the left hand side of the editor

 

Step 2: Click the “Change image” button and add your icon.

 

Congratulations! Your website Favicon has been added to your website.

How to add new blocks to your website

Step 1: On the editor, click on the “Sections” icon on the left part of the screen.

Step 2: Next, hover over the block types and select any block of your choice.

Step 3: There you go! You’ve got your new block and you can go ahead to start designing.

How to add columns to blocks

Step 1: Double click on the block section to access the block setting.

 

 

 

 

 

Step 2: Click on the block setting to access the block setting options.

 

 

 

 

 

Step 3: Hover to the column options to add a column to the block. Note that you can add up to 5 columns to your block.

 

How to add image and color backgrounds to your blocks

To add an image or color background to your block, follow these few steps

 

Step 1: Click on block section and then select the block setting.

 

 

 

Step 2: On the block settings options, hover to the video background options and select any video of your choice by either clicking on the recommended options or using the search bar to look for your most preferred.

 

 

Step 3: To use a custom video as your block video background, click on the open media library and then upload your own video or media.

 

How to move Blocks up and down

To move a block either up or down, follow this step

 

Right click on block section and the select the move up or move down option to move the block.

 

How to delete a block

To delete a block, follow this few step

Right click on block section and the select the delete option to delete the block

How to access block settings

To access your website block settings, follow these few steps


Step 1: Double click on the block section to access the block setting.

 

Step 2: Then click on the block setting.

 

Step 3: Access block setting options.

How to duplicate blocks

To duplicate a block, follow these few step

 

Step 1: Right click on block section and the select the duplicate option to duplicate the block

 

How to add chat bots or inject custom code on your website

How to add images on your website

How to generate text with AI writer

How to preview your website

Follow these simple steps, to preview your website:

Step 1: Click on the preview button shown below

How to duplicate your website

Follow these simple steps, to duplicate your website:

Step 1: Click on the settings icon and the duplicate option as shown below

How to rename your website

To rename your website, follow these simple steps:

Step 1: Click on the rename option, input the new name and click save!

 

How to delete your website

To delete your website, follow these simple steps:

Step 1: Click on the rename option, input the new name and click save!

How to continue editing your website

To dcontinue editing your website, follow these simple steps:

Step 1: Click on “Continue” as shown by the arrow below:

How to export your customer emails

To export your customer emails, follow these simple steps:

Step 1: Click on “Export” as shown by the arrow below:

How to rename a page on your website

To rename a page on your website, follow these simple steps:

 

Step 1: Head to the menu section and right-click

 

 

Step 2: Select “Open Menu Manager”

 

 

Step 3: Click on the settings icon, and select edit as shown by the arrows

 

 

 

Step 4: Rename your page as shown, and click save!.

 

There you go, your page is renamed! 😁

How to Auto-save on your website

To auto-save changes on your website, follow these simple steps:

 

Step 1: On the editor homepage, click on the icon shown by the arrow, toggle the auto-save and click save.

How to publish and Unpublish your website

Follow these simple steps, to publish and unpublish your website:

Step 1: Click “Publish”, as shown in the dashboard below:

How to create a website with Anna

To create a website with Anna, follow these simple steps:

Step 1: Hover on the plus icon, and click on “Create website”

 

Step 2: Click on “With Anna” option as shown by the arrow

 

Step 3: Write the title of your website and click “Send”

 

Step 4: Continuously interact with the AI

How to add your custom domain

Step 1: Click the Domain tab at the left hand side of your screen to open the Custom domain page. 

 

Step 2: Next, Click on the “edit” icon in front of the website you want to add your custom domain for.

 

 

Step 3: You will be given an A record to add to your domain host so that your custom domain can be pointed to our Smartbloks Servers and to your website.

 

Step 4: Create an A record in your domain host (E.g Namecheap, Godaddy, or any other company where you bought your domain).

 

Copy the DNS records in Smartbloks and add it to your domain host. We will be using Namecheap for this example.

 

 

Step 5: Go back to your Smartbloks “Edit domain” Page. Put in your Custom domain and click “verify”.

 

If your DNS is set properly, The status of your website domain will change to “Verified”.

 

Please note that it takes between 24-48 hours for your DNS settings to fully propagate. If your website is not live on your custom domain after 48 hours, Please contact support at Support@smartbloks.ai.

 

Step 6: Visit your custom domain url, Your website will be live.

 

 

 

How to create website from themes

How to add and edit videos on your website

To add and edit videos on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the video widget into your preferred section. To edit the video click on the edit icon at the top right. From there you can edit the video content and styling as seen below.

How to add and edit buttons on your website

To add and edit button on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the Button widget into your desired section. Click the edit icon at the top right to modify the button text, add a link to a page, and adjust the button's style.

How to add and edit Shapes on your website

To add and edit shapes on your website, follow these simple steps:

 

Step 1: Click the widget icon on the left part of the page as shown by the arrow

 

 

 

Step 2: Click on “Shapes”

 

Step 3: Drag and drop the shape of your choice, and click save

 

How to add and edit a form on your website

How to connect a form to an autoresponder on your website

To connect a form to an autoresponder on your website, follow these simple steps:

Step 1: Click the form icon on the left part of the page as shown by the arrow, and choose which of the forms to edit by clicking “Edit” as shown by the arrow.

 

Step 2: Scroll down and Click Next, as shown by the arrow

 

Step 3: Choose your preferred Autoresponder and click “save”

How to add and edit audio on your website

To add and edit audio on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: Drag and drop the Audio widget into your desired section. Click the edit icon at the top right to modify the audio widget by adding a link of your desired audio, author name and title to the audio.

How to add and edit Gallery on your website

To add and edit gallery on your website, follow these simple steps:

Step 1: Right-click on the image gallery of your choice and click “Open Image Manager”

Step 2: Select the Image(s) you would like to replace the image gallery with, and click Done.

How to add and edit Google map on your website

To add and edit Google map on your website, follow these simple steps:

Step 1: In the widget section, click on Map as shown below

Step 2: Drag and drop the Google map to your Page.

How to add and edit video on your website

To add and edit video on your website, follow these simple steps:

Step 1: Click the widget icon on the left part of the page as shown by the arrow

Step 2: Click on Video, drag and drop into your webpage.

How to add and edit images on your website

To add and edit images on your website, follow these steps

Step 1: Click on the Widget icon, second icon on the sidebar by the left side

Step 2: After clicking the widget icon, a sidebar opens up displaying the available widgets.

Step 3: Drag and drop the Image widget into your desired section. Click the edit icon at the top right to modify the image. From there, you can edit the image content or adjust the style.

Step 3: Drag and drop the Image widget into your desired section. Click the edit icon at the top right to modify the image. From there, you can edit the image content or adjust the style.

How to add a physical product

How to add media in your product description

How to add a digital product

How to create coupons

How to activate payment method

How to display top selling product

How to add single product to your website

How to add multiple products to your website

How to add cart widget to your website

How to create a schedule

How to enable paid bookings

How to approve or decline bookings

How to create paid tickets

How to activate email notifications

How to activate sms notifications

How to add bookings to your website

How to set up a blog on your website

How to reply comments on your blog

How to add images inside your blog post

How to embed videos in your blog post