The Advanced Coding feature of LeadCenter.AI Website manages the customized CSS and JavaScript Coding. For using your advanced coding knowledge, Orxy Cloud provides a space for writing your customized codes in the supported formats. You can use the CSS and JavaScript to change fonts, colors, and backgrounds etc. 

To add CSS and JavaScript codes to your website pages, do the following;

  1. In LeadCenter.AI Store Manager > Website Builder, click Advance > Coding.
    The Advanced Coding page is displayed.
  2. Add or write the CSS/JavaScript code in the provided space.
  3. Click Save Changes to save the changes the added code.
  4. Click on  icon to see customized pages of the website.

The Advanced Styling feature of LeadCenter.AI Website is an advanced form of styling which by default has plain and minimal styles. There are no rounded corners shadows etc. It list a range of advanced styling which can be changed or modified according to your requirement. The Default style which is generally applied to any new website which is created.

To change or modify Advanced Styling for Website;

  1. In LeadCenter.AI Store Manager > Website Builder, click Advance > Styling.
    The Advanced Styling page is displayed.
  2. Choose the style for your website from the given list.
  3. On the selected style click on Apply Style 

    A message is displayed "Successfully applied the style."
  4. Click on  icon to see the newly applied style for the website.

The Advanced Typography feature of LeadCenter.AI Website is a type of design which uses advanced form of font, size, color, layout  and alignment. It list a range of advanced typography which can be changed or modified according to your requirement. 

To change or modify Advanced Typography of Website;

  1. In LeadCenter.AI Store Manager > Website Builder, click Advance > Typography.
    The Advanced Typography page is displayed.
  2. Choose the typography for your website from the given list
  3. On the selected typography click on Apply Typography 

    The message is displayed "Successfully applied the typography".
  4. Click on  icon to see the newly applied theme for the website.

The Advanced Coloring feature of LeadCenter.AI Website manages the color scheme of your website. It comes with a pre-defined set of color schemes which you can choose from. Each pre-defined template comes with two major colors which is the primary color and secondary color, which comes with both light and dark options.
It also provides the user to create their own color schemes from the Advanced Coloring panel. You can create your own primary and secondary colors by adding the color in hexadecimal format.
To change or modify Advanced Coloring, do the following;

  1. In LeadCenter.AI Store Manager > Website Builder, click Advance > Coloring.
    The Advanced Coloring page is displayed.
  2. In Advanced Coloring page go to Choose Colors panel.
  3. To modify select the color from the pre-defined list and click on "Apply Litera Colors" for example

    A success message is displayed "Successfully Applied the Colors"

To customize the Advanced Coloring, do the following;

  1. In LeadCenter.AI Store Manager > Website Builder, click Advance > Coloring.
    The Advanced Coloring page is displayed.
  2. In Advanced Coloring page go to Choose Colors panel.
  3. To modify the Primary and Secondary Colors go to Brand Colors and add the colors in hexadecimal format.
  4. To modify the for the body color, text etc. go to Miscellaneous in hexadecimal format
  5. Click Apply Advanced Colors to save the customized changes.
    A success message is displayed "Successfully Applied the Colors"

The LeadCenter.AI Website Builder comes with its in-built Website Page Designer Tool. This is a very easy-to-use formatting tool, that lets you edit and customize your website page. You can drag and drop the blocks, update them with new content, image, links, etc in each of the blocks.

Website Page Designer Tool
The Website Page Designer Tool lets you:

  1. Add Content Blocks
  2. Formatting Content Blocks
  3. Customize Images
  4. Additional Formatting Options
  5. Operate additional actions from the Left Panel
    1. Edit and update SEO options for the page.
    2. Edit the HTML code for the page.
    3. Edit images from the Image Manager.

Adding Content Blocks

To add content blocks to your website, do the following:

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages.
    The Custom Pages window is displayed
  2. Select a page to modify the SEO Options
  3. Click Actions drop-down and click on Edit
  4. Click  Toggle on the left panel
    OR
    Click  Snippet on the right panel

    This displays the pre-built in content blocks 
  5. Drag and drop the content boxes, wherever you need to add a new block
    Dragging Content Block

    Dropping Content Block
    You have successfully dragged and dropped the content block.

Formatting Content Block 

The Formatting Toolbar of Website Page Designer provides the basic formatting options like Bold, Italics, images, texts, symbols, etc.

To format the content block on your website, do the following:

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages.
    The Custom Pages window is displayed
  2. Select a page, where you want to format the content block
  3. Click Actions drop-down and click on Edit
  4. Click your mouse on the content or text to be formatted.
    The Formatting Toolbar pane shows up on your left.
  5. Edit and format the required sections using the Formatting Toolbar.
  6. Click   Save Changes on the left side panel.
    You have successfully formatted the page.

Customizing Images

To modify your website images, do the following:

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages.
    The Custom Pages window is displayed
  2. Select a page to edit and customize images
  3. Click Actions drop-down and click on Edit
    The editing page is displayed.
  4. Click the image to be modified or updated and click Choose Image.
  5. Select and upload the image to be replaced with
    Wait for the image to be uploaded.

    The latest image will be uploaded.
  6. To edit the link for the updated image. do the following:
    1. On the image click 
    2. Enter the details for the Image Data window 
    3. Click OK once the field parameters are added.
  7. To modify the aspect ratio, do the following:
    1. On the image click 
    2. Select the required aspect ratio and click Apply
  8. Click on  Save Changes on the left side panel.

Additional Formatting Options

To use the additional format for your website page, do the following:

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages.
    The Custom Pages window is displayed
  2. Select a page to modify additional formatting options
  3. Click Actions drop-down and click on Edit
    The editing page is displayed.
  4. Click Add  to use the additional formatting options
    This lets you add the placeholders for paragraphs, images, etc. 
  5. Click  More to get additional options( like moving a block up, down, duplicating, etc.)
  6. Click  to move a block, image, etc

Editing SEO Options

To edit the SEO Options for a website page, do the following:

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages.
    The Custom Pages window is displayed
  2. Select a page to modify the SEO Options
  3. Click Actions drop-down and click on Edit
    Page Edit
  4. Click on Page Options & SEO Editor on the left side panel

  5. Enter the details for the SEO Parameters and click Done
     
    The Page Options & SEO Editor window is closed.
  6. Click on  Save Changes on the left side panel.

Editing HTML Code

To edit the HTML code for a website page, do the following:

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages.
    The Custom Pages window is displayed
  2. Select a page to modify the HTML code
  3. Click Actions drop-down and click on Edit 
  4. Click on the left side panel

    The HTML code of the page is displayed for editing the code
  5. Edit the code to be modified and click OK 

    The HTML code editor window is closed.
  6. Click on  Save Changes on the left side panel.

Editing Images from Image Manager

To edit the Images from Image Manager for a website page, do the following:

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages.
    The Custom Pages window is displayed
  2. Select a page to modify the Image
  3. Click Actions drop-down and click on Edit 
  4. Click on the left side panel

    The Image Manager window is displayed.
  5. Click on Choose File to choose the image and click Upload.
  6. Click on  Save Changes on the left side panel.

LeadCenter.AI Website is where you can create the landing pages for the website without a header or footer. 
A landing is usually a standalone webpage, which is specifically created or designed for marketing for your website. It generates visitors to leads for your specific website, with just a click on a link in an email, or ads from Google, social media platforms or similar places on the web. It is basically designed with a single focus or goal to achieve that benefits your website.

To create a landing page without header and footer;

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages.
    The Custom Pages window is displayed
  2. Select the landing page and from the Actions drop-down click Edit


    The editing page is displayed.
  3. Click on Page Options & SEO Editor on the left side panel 

    The Page Options & SEO Editor page is displayed.
  4. Slide the Hide Common Header or Hide Common Footer button

  5. Click Done to save the changes 
    To see the changes go to home and click on the Refresh button.

Blogs provides a gateway to share your story about your brand and what your company wants to achieve. It helps to establish your brand thereby establish your online presence. This section will show you how to create articles for your blog using LeadCenter.AI Website Builder so you can start publishing your blogs today.

The following operations are supported from the Blog section;

  1. Create an Article
  2. Edit an Article
  3. Unpublish an Article
  4. Publish an Article
  5. Delete an Article

Create an Article

To create an article for the blog, do the following;

  1. Go to this link https://app.leadcenter.ai/dashboard/onboarding/introduction
    The Orxy Cloud Store Manager page is displayed.
  2. In the left navigation panel, click Blog
    My Blog page is displayed
  3. Click on Create Article  
    The Create Article page is displayed.
  4. Follow the steps provided in the Create Article page. Refer below table to fill in the required information to create the article.
FieldDescription
Basic Details1. Title : Enter a catchy and SEO friendly title for your article.
2. Publish Date : Select the publish date for your article from the calendar.
Upload Featured ImageChoose File: Choose an image for the article which will be displayed along with the Blog.
Write Main BodyAn editing space is provided to write your article. It has its own text editor where you can format and customize the article according to your requirement.
  1. After making the changes click on Create Article button 
  2. In the top menu items click on the Blog page to see the newly added article.
    You have successfully created the article for your website Blog page.

Edit an Article

To edit an article for the blog, do the following;

  1. In the Orxy Cloud Store Manager > Click Blog in the left navigation panel
    My Blog page is displayed
  2. Choose the blog to be modified and click Actions > Edit

    My Article page will be displayed.
  3. Edit the information to be modified and click Save Changes button.

    The modified information is saved. 
  4. In the My Blog page click Actions > Refresh 
  5. Click on Refresh button and click on the main menu Blog page to see the modified article.
    You have successfully modified the article.

Unpublish an Article

LeadCenter.AI provides the option to unpublish a article from your webpage. Even though it is unpublished it is stored in the My Blog page. You can publish it again at your website at a later point of time. If you want to permanently delete a blog click this link.

To unpublish an article from the blog, do the following;

  1. In the Orxy Cloud Store Manager > Click Blog in the left navigation panel
    My Blog page is displayed
  2. Choose the blog to be unpublished and click Actions >Unpublish

    After an article is unpublished, it will display as Unpublished in the Status.

Publish an Article

To publish an article for the blog, do the following;

  1. In the Orxy Cloud Store Manager > Click Blog in the left navigation panel
    My Blog page is displayed
  2. Choose the blog that was unpublished and click Actions >Unpublish

    After an article is published, it will display as Live in the Status.

Delete an Article

To delete an article from the blog, do the following;

  1. In the Orxy Cloud Store Manager > Click Blog in the left navigation panel
    My Blog page is displayed
  2. Choose the blog to be deleted and click Actions >Delete

    The page is deleted from My Blog page lists.

The Orxy Cloud Menu page is where you can organize the menu items for your website by adding and organizing your menu items. The Menu page is organized into different sections. 

Menu Page

This Menu Page section will guide you to use the Menu page and use the different navigation sections.

To open the Menu Page, go to LeadCenter.AI Store Manager > Website Builder, click Menus.
The Menus page opens on the right side of your screen. This section allows you to add new menu items, organize menu items, and delete the menu items.

Adding New Menu Item

Adding a new menu item to your site's navigation lets you create a menu item, that allows users to explore the content of your website.
This section guides you in adding a new menu item to your navigation and the types of layout.

To add a new menu item to the website's navigation menu, do the following:

  1. In LeadCenter.AI Store Manager > Website Builder, click Menus.
  2. In Configure Menus section, click Add New Menu Item.
  3. Add the new title for the new menu item, like Service or Contact.
  4. Under Type, select the type like Page or Blog/Offer List.
  5. Click  to save the changes made to the new menu item.
  6. Click on the globe icon to see the published navigation page.

The new menu item is added to the list of navigation for your site.

Types of Menu Items

  1. Link or Top Menu Item: This Link or Top Menu Layout type provides you the URL to link to any particular site that you want your customer to see. This layout type is displayed as a top menu item in the list of navigation for your site.
  2. Page:  Page Layout Type are multi-purpose layouts with a mix of body text, headers, and images. These layout pages come with a combination of block sections, with text-centric layouts for adding information. To know how to create pages see here.
  3. Blog List: The Blog List is your blog’s landing page. It displays multiple blogs in a list or grid format. Clicking a Blog list title or thumbnail image lets you open the individual blog post on its own page.  You can have multiple Blog Article Page on your site. To know how to create blogs see here.
  4. Blog Article Page: Blog Article pages are sub-pages of a Blog List. Each blog article page has its own page and you can add many blog article pages to a Blog List.
  5. Offer List: The Offer List displays multiple offers in a list or grid. Clicking on an Offer List title or thumbnail image lets you open the individual offer list on its own page.  You can have multiple Offers on your site for your customer.
  6. Offer Page:  Offer Page are sub-pages of an Offer List, which provides a detailed description of any particular offer. All the offers added in the Offer List will be displayed as a part of the Offer Page.
  7. Modal Form: A modal pop-up form is used to get information about the customer or lead. It generally shows up when u click on a certain button where you can get additional information about the lead.

Organizing Menu Item

Orxy Cloud Website Builder lets you organize your site's navigation menus, by dragging and dropping pages around the Configure Menus section. This section guides you to reorganize menu items. The menu order in your Configure Menus section determines the order of your site's navigation menu.

To organize menu items, do the following:

  1. In LeadCenter.AI Store Manager > Website Builder, click Menus.
  2. In Configure Menus section, drag a menu item you want to move.
  3. Release the menu item to the desired location in the Configure Menus section.
  4. Click  to save the changes you have made to the new menu item.
  5. Click on the globe icon to see the published navigation page.

The updated navigation list is displayed for your website.

Deleting Menu Item

You can easily delete a menu item from the site's navigation menus.

  1. Deleting a menu item removes all content on the page.
  2. The deleted menu item cannot be restored.
  3. Deleting a menu item removes all submenu items if present.

To delete a menu item from the web site's navigation menu:

  1. In LeadCenter.AI Store Manager > Website Builder, click Menus.
  2. In Configure Menus section, select the menu item you want to delete and click on the down arrow icon.
  3. Click on Delete to delete the menu item.
  4. Click  to save the changes of deleting the menu item.
  5. Click on the globe icon to see the published navigation page.

The deleted menu list is removed from navigation list is displayed for your site.

This section guides you through adding pages and deleting pages to your navigation. You can use different types of pre-defined templates as well as build your own templates from scratch.

Adding a Page to your Website

To add a page to your website, do the following;

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages.
    The Custom Pages will be displayed.
  2. Click on icon   to add a new custom page.
    A pop-up dialog box is displayed.
  3. Choose from the available pre-built templates or choose New Empty Page to customize and create your own page
  4. Click on  button
    The newly added page is opened.
  5. Click on Open page options & SEO editor icon .
    The Page Options & SEO Editor pop-up is displayed.

  6. Add the basic information and click . 
FieldDescription
NameAdd the name of your webpage
URLAdd the URL of your webpage
SEO (Search Engine Optimization) TitleThis title is mainly used for SEO purposes. It should be between 50 - 60 characters in length.
SEO DescriptionThis description field is mainly used for SEO purposes. It should be between 155- 160 characters in length.
SEO Facebook Image URL, SEO Twitter Image URLWhen you send your website link to Twitter or Facebook this image will show up as the post image.
Hide common Header and FooterThis is mainly used if you want to hide the common header and footer. This is used for creating landing pages. Click here to see the detailed guide on how to create landing pages without header and footer.
  1. On the left side of the navigation panel, click on  to save the changes.

Deleting a Page

To delete a page to your website, do the following;

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages.
    The Custom Pages will be displayed.
  2. Choose the page to delete and click on Actions > Delete
  3.  A confirmation message will be displayed for deletion, Click Yes, delete button to delete the page

    A successful message will be displayed after the deletion "Successfully deleted the page".

LeadCenter.AI Website Builder Pages is where the navigation and title or logo of your website is displayed. The header and footer is same throughout all the pages of your website. The header is positioned at the top of your site's website and the footer is positioned at the bottom of your site's website.
This section describes how to customize or build your site header and footer and display additional features, such as a image or logo, phone number and email ID, social media icons etc. As it is not possible to create a page-specific header, it let you create landing pages without header and footer. See Creating Landing Pages without Website Header and Footer for more information.

The layout page for customizing header and footer is displayed below. See Menus for more information on customizing menus.

To open the Pages page, go to LeadCenter.AI Store Manager > Website Builder, click Pages

The Pages page opens on the right side of your screen. The section allows you to customize the website header and footer for the following;

  1. Customizing Image
  2. Customizing Link
  3. Editing Image
  4. Formatting
  5. Additional Options
  6. Deleting an Element

Customizing Image

To customize the image for the website header or footer;

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages.
    The Custom Pages window is displayed
  2. Go to Website Header/Footer > Actions and from the Actions drop-down click Edit
  3. Click on the image or logo that you want to modify and Click on image icon (Add the icon)
    The image or logo should be of 50pixels height and 200width
  4. Select and the required image or logo from your system and click Open
    The new image or logo is uploaded by replacing the previous image.
  5. Click  to save the changes.

To customize the link for the website header or footer;

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages
    The Custom Pages window is displayed
  2. Go to Website Header/Footer > Actions and from the Actions drop-down click Edit
    The Header/Footer customizing page is displayed.
  3. Click on the header or footer link that you want to modify and Click on link icon (Add the icon)
    The link dialog box is displayed.
  4. Enter the field details and click OK
    1. Source Link: Enter the source link of the image or logo
    2. Title : Enter the title for the image or logo
    3. URL: Enter the URL of the image or logo
    4. Open New Window:
      1. Select the checkbox : Selecting the checkbox opens the link in a new window
      2. Unselect the checkbox: Unselecting the checkbox opens the link in the same window
  5. Click  to save the changes.

Editing Image

To edit the image for the website header or footer;
@Note: This edit button is applicable only for editing the image or logo;

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages
    The Custom Pages window is displayed
  2. Go to Website Header/Footer > Actions and from the Actions drop-down click Edit
    The Header/Footer customizing page is displayed.
  3. Click on the image or logo that you want to modify and Click on edit icon (Add the icon)
    The image edit dialog box is displayed.
  4. Select and the required dimension and click Apply
  5. Click  to save the changes.

Formatting

The Add option includes basic formatting options like adding paragraph, headline, image, headings, list etc.

To add the formatting options for the website header or footer;

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages
    The Custom Pages window is displayed.
  2. Go to Website Header/Footer > Actions and from the Actions drop-down click Edit
    The Header/Footer page is displayed.
  3. Click on the header or footer to add formatting options and Click on add icon (Add the add icon)
    The link dialog box is displayed.
  4. Select the required formatting option like for example; paragraph
  5. Edit the text for the paragraph Click   to save the changes.

Additional Options

The ..More option includes additional options like move up, move down, duplicate and settings etc.

To add the additional options for the website header or footer;

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages
    The Custom Pages window is displayed
  2. Go to Website Header/Footer > Actions and from the Actions drop-down click Edit
    The Header/Footer page is displayed.
  3. Click on the header or footer to add additional options and Click on ..More icon (Add the More icon)
    The link dialog box is displayed.

    1. Move Up: Used to move the placeholder for the customized header or footer up.
    2. Move Down: Used to move the placeholder for the customized header or footer down.
    3. Duplicate: Used to duplicate the selected option.
    4. Settings: Used to format the setting options like box, spacing, border text etc.
  4. Select the required formatting option like for example; duplicate
  5. Edit the options which require formatting options like settings and Click   to save the changes.

Deleting an Element

To delete an element from the website header or footer;

  1. In LeadCenter.AI Store Manager > Website Builder, click Pages
    The Custom Pages window is displayed
  2.  Go to Website Header/Footer > Actions and from the Actions drop-down click Edit
    The Header/Footer page is displayed.
  3. Click on the element that you want to delete and Click on delete icon (Add the icon)

    A confirmation message before deleting the element is displayed “Are you sure you want to delete this element?
  4. Click Delete and Click   to save the changes.

Orxy Cloud Website Builder provides a range of pre-built layout pages which are the built-in themes. These are professional page designs and prearranged placeholder blocks. It lets you add content to the blocks, or delete them and the page gives a customized look and feel. 

The Choose Theme page also allows you to have a preview at the existing built-in themes, by clicking on the Preview button. 

To change the theme for the website;

  1. In LeadCenter.AI Store Manager > Website Builder, click Choose Theme.
    The Choose Theme page is displayed.
  2. Select the theme that you want to apply and click Apply Theme button
    The Apply Theme page is displayed.
  3. Type Change Theme in the box below, then click on Change Theme button.
    A message "Theme change requested. Our team has been informed of your theme change request. They will get back to you shortly." is displayed.
  4. Click on  icon to see the newly applied theme for the website.

A domain name and a hosting site is very important for your website. If you purchased a custom domain from a third-party provider, you can set up the domain and DNS records by following the instructions provided in the below topics.

Setting up the Domain

To set up the domain name, do the following;

  1. In LeadCenter.AI Store Manager > Website Builder, click Setup Domain.
    The Setup Domain page is displayed.
  2. Enter the domain name "https://......" as shown in the screenshot below
    select-domain-leadcenter
  3. Click Save Domain
    The domain name is saved.
  4. After adding domain name modify the DNS (Domain Name Server) Records.
    1. See Modify DNS Records in GoDaddy.
    2. See Modify DNS Records in Cloudflare.


What is DNS?

DNS (Domain Name System) allows users to connect to the websites using domain names instead of IP addresses. It translates domain names to IP addresses so browsers can load Internet resources.

Configuring DNS Records in GoDaddy

To configure the DNS Records in GoDaddy, do the following;

  1. Go to godaddy.com and login
  2. Click Domains > All Domains (drop-down)
  3. Click on your domain from your domain lists

    The Domain Settings page will be displayed.
  4. Click on Manage DNS 

    The DNS Management page is displayed.
    Make sure to delete any A or CNAME records that will conflict with the new records. It is recommended to take a snapshot of those records before you delete them.
  5. On the DNS Management page, click on the Add button 
  6. Enter the information in the provided blank fields and click Save.
    1. Type: Select "A"
    2. Name/Host: Enter "@" for the root domain
    3. Points: Hosting server IP address (52.213.115.46)
    4. TTL: 1 Hour (do not modify this)
  7. To point www to your root domain. Click on Add again.
  8. Enter the information in the provided blank fields and click Save.
    1. Type: Select "CNAME"
    2. Name/Host: Enter "www"
    3. Points: Enter "@" to point to the root domain
    4. TTL: 1 Hour (do not modify this)

You have successfully modified the DNS records in GoDaddy.

Configuring DNS Records in Cloudflare

As Cloudflare provides extra features like free SSL, caching, firewall, etc. we highly recommend moving your DNS records to Cloudflare. As it is not a domain provider, you need to continue with the same for example; GoDaddy. Cloudflare will act as a proxy for security-related features. If you want to renew your domain you still need to go and renew it from the domain provider for example; GoDaddy.
Please click here for detailed instructions on how to change your domain nameservers to Cloudflare.

SSL/TLS encryption mode
When you create a new account in Cloudflare, it will take up to 48 hours to assign an SSL/TLS certificate to your account. Once a certificate is assigned, click on SSL/TLS in the main menu and change Your SSL/TLS encryption mode to Full.

Once your domain is active on Cloudflare, to modify the DNS records do the following;
You need to create a Cloudflare account.

  1. Log in to Cloudflare and click Add Site + 
  2. Enter the site name and click on Add Site
  3. Select the required plans and click Continue
    A message will be displayed "Scanning for existing DNS records"
  4. In the "Add more DNS records for xxxx.sxx" page click Continue button
  5. Click Confirm in the Add Records Later Dialog box.
  6. Move your nameservers from Cloudflare to your domain provider. See the below screenshot for reference.
  7. On the Cloudflare Quick Start Guide page, click Get Started and do the following;
    1. Automatic HTTPS Rewrites: Enabled and Save it
    2. Auto Minify: Check the check-boxes for JavaScript, CSS, and HTML and Save
    3. Brotli: Enabled (Do not change it) and click Finish.
  8. Click DNS  and click Add Record+
  9. Enter the information in the provided blank fields and click Save.
    1. Type: Select "CNAME"
    2. Name/Host: Enter "@" for the root domain
    3. Target: us-domain.leadcenter.ai
    4. TTL: 1 Hour (do not modify this)
  10. Enter the information in the provided blank fields and click Save.
    1. Type: Select "CNAME"
    2. Name/Host: Enter "www"
    3. Target: Enter "@" to point to the root domain
    4. TTL: 1 Hour (do not modify this)
    5. Proxy Status: Proxied

You have successfully modified the DNS records in Cloudflare.

Additional Page Rules Configuration in Cloudflare

It is recommended to set up the following Page Rules in Cloudflare.

To set up the page rules in Cloudflare, do the following;

  1. Login to Cloudflare
  2. Click on Rules  icon > Create Page Rule
  3. Create the following page rules:
    1. Forwarding URL rule with 301 - Permanent Redirect from http://yourdomain.com/* to https://www.yourdomain.com/
    2. Another Forwarding URL rule with 301 - Permanent Redirect from https://yourdomain.com/* to https://www.yourdomain.com/
    3. Always Use the HTTPS rule. Apply to the URL https://www.yourdomain.com/
      See the below screenshot for reference.
  4. After the changes click Save and Deploy.

Overview

It is a super-fast website builder and takes less than 30 minutes to build your website. It helps you to customize your domain and customize the URL for SEO, thereby building website pages and menus for your website. It also helps you manage your leads from the dashboard via E-mail and SMS service. For more details see here.

The LeadCenter.AI Website Builder is very easy to use, as it lets you create an entire website within minutes just by using a drag-and-drop editor. It allows you to build the website simply by dragging elements and dropping them to the desired location and modifying it according to your preference. It is the most convenient way to run your business as this allows you to work on your website from anywhere and on any device.

It also allows you to create landing pages without having the common header and footer. For more details see here.

LeadCenter.AI Website Builder helps to build and manage your website in three easy steps.


#Step 1: SetUp your Domain

The first STEP is to set up your domain. You need to enter your domain name in the setup domain section and use the temporary default domain assigned to your store (johndoe.a.leadcenter.ai). For more details to set up your domain, see Setting up the Domain.

#Step 2: Configuring your Domain DNS records

The next STEP is to connect your domain by adding two CNAME records to your domain DNS. For more information on how to configure your domain:
For GoDaddy, see Configuring DNS Records in GoDaddy
For Cloudflare, see Configuring DNS Records in Cloudflare

#Step 3: Choosing a Theme

The last STEP is to choose a theme for your website or create pages and menus to configure the website the way you want.

Once you have completed these steps, you have successfully completed creating your website.

Key Features of LeadCenter.ai Website Builder

The key features of LeadCenter.ai Website Builder are listed below.

User-Friendly Interface

It provides a very user-friendly interface that allows you to build your website the way you want it, without any coding requirements. It is very helpful for beginners as well as experienced users to use it as you can easily get the site up and running in no time.

High-Quality Themes

It provides high-quality and professional-looking themes in the website builder. You can choose your desired professional theme from the LeadCenter.ai Website Builder range of themes and create an exceptional website for your business needs.

Creating Pages

LeadCenter.AI Website Builder helps you create pages for your website in no time. You can create pages for your website and customize them as per your requirement. 

Customizing Header & Footer

LeadCenter.ai Website Builder lets you customize the header and footer of your website by changing an icon, link, and text, etc.

Creating Forms

You can create Quotation forms that are supported by LeadCenter.AI, they are Modal Form and Inline Form. See How to Create and Build Forms to build quotation forms.

Adding Blogs

Blogs are also an important part of your website. Each blog you share tells a story about your brand. 

Advanced Appearance Settings

It provides advanced appearance setting options which allow you to customize the appearance of your website. 

  1. Advanced Styling: It lets you choose a style for your website from a list of advanced styles.
  2. Advanced Typography: It lets you choose typography from a list of professional typography options. 
  3. Advanced Coloring: It let you choose from a range of color options to design your website. It offers primary and secondary color options, the two colors which enhance the color and design of your website.
  4. Advanced Coding: It also comes with an advanced coding option, that lets you independently operate your website in the future with minimal support. 
industries
services
© All Rights Reserved By LeadCenter.AI