If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Landing Page HTML templates with builder. How to edit template and export content

This tutorial shows how to work with Landing Page HTML templates with builder.

Landing Page HTML templates with builder. How to edit template and export content
  1. Make sure you have uploaded builder folder to your hosting. Open builder using the link like http://yoursite.com/builder (please replace yoursite.com with actual website domain name). Go to Menu and click on the appropriate section. Each section has a set of elements:

    Landing Page HTML templates with builder. How to edit template and export content-1
  2. Drag element to the canvas. You can add several elements to the canvas. You can view page source code of particular element using source button. You can also reset element to original state or remove it using appropriate buttons:

    Landing Page HTML templates with builder. How to edit template and export content-2
  3. Builder has the following Building Modes: Elements (you can add elements to canvas in this mode), Content (you can modify content like text and links in this mode), Details (you can change styles and icons in this mode):

    Landing Page HTML templates with builder. How to edit template and export content-3
  4. Select Building Mode Content in order to change content on your site. Click on section with content. You can modify text in visual editor. Also, you can set font styles. Use Undo and Redo buttons in order to restore content to a previous state. You can also view the content in html mode:

    Landing Page HTML templates with builder. How to edit template and export content-4
  5. You can also set links in editor. Select text you would like to link. Add link:

    Landing Page HTML templates with builder. How to edit template and export content-5
  6. Select Details building mode in order to change links and styles. Let’s change button link and color. Click on the button. Buttons, icons and other elements may have different options. Style section is editable for specific elements only. Change hover background color and text color. Apply changes:

    Landing Page HTML templates with builder. How to edit template and export content-6
  7. We have changed background color and text color. Click on Link tab. You can choose a page, page block or set custom link. We have set custom link. Be sure to apply changes after modifications:

    Landing Page HTML templates with builder. How to edit template and export content-7
  8. You can also change icon in Details building mode. Make sure Details building mode is selected and click on the icon. Go to Icons section. Select the desired icon. Apply your changes:

    Landing Page HTML templates with builder. How to edit template and export content-8
  9. Let’s change Gallery images. Make sure you have selected Details Building mode. Click on the image. Go to link section. Currently image is linked to the image. It means that image will show up in the lightbox:

    Landing Page HTML templates with builder. How to edit template and export content-9
  10. Go to Image section. Enter path to a new image or upload it. We are going to upload an image. Apply changes:

    Landing Page HTML templates with builder. How to edit template and export content-10
  11. Go to link section. And specify path to new image. You can copy path of uploaded image in Image section. Apply changes:

    Landing Page HTML templates with builder. How to edit template and export content-11
  12. We have changed the image:

    Landing Page HTML templates with builder. How to edit template and export content-12
  13. Save changes you have performed in builder using Save changes (!) button:

    Landing Page HTML templates with builder. How to edit template and export content-13
  14. Export website:

    Landing Page HTML templates with builder. How to edit template and export content-14
  15. Fill out the form and click Export Now:

    Landing Page HTML templates with builder. How to edit template and export content-15
  16. Zip file with exported website will be downloaded to your computer. You should upload zip file to your hosting and unzip it using hosting file manager (in case such option is available). Alternatively, you can unzip file and upload files using FTP. We are going to upload files using hosting file manager:

    Landing Page HTML templates with builder. How to edit template and export content-16
  17. Please check your site:

    Landing Page HTML templates with builder. How to edit template and export content-17

Feel free to check the detailed video tutorial below:

Landing Page HTML templates with builder. How to edit template and export content
 
Live Chat
We help you to choose the right product.
Start chat