Skip to main content

Homepage Content & Footer Content

Written by Mauricio Callú R.
Updated yesterday

Overview

In this guide, you'll learn how to update the content on your homepage and footer. Be sure to follow these steps carefully to ensure your changes are applied correctly.

Important Note

Before you begin, always back up your current content. This will allow you to restore your previous version if needed. Additionally, after making changes, review your site on different devices and browsers to ensure compatibility and responsiveness.

Instructions


Editing Homepage Content

  1. Log in to Your Account

  2. Navigate to My Products

    • Click on My Products.

      Step 1 screenshot

  3. Select Ordering Website

    • Click on Ordering Website.

      Step 2 screenshot

  4. Access Homepage Content

    • Click on Homepage Content.

      Step 3 screenshot

  5. Enable Code View

    • Click on Code View to access the HTML/CSS code for the homepage.

      Step 4 screenshot

  6. Highlight the Code to Edit

    • Click on the code area you want to edit. Ensure you have selected the correct section for your changes.

      Step 5 screenshot

  7. Apply Changes and Save

    • Click on Accept to confirm changes.

    • Don't forget to click Save to apply your updates.

      Step 6 screenshot

  8. Verify Your Changes

    • Click on My Website to view and verify the changes made to your homepage.

      Step 12 screenshot

Editing Footer Content

  1. Navigate to Footer Content

    • From the main dashboard, select Footer Content.

      Step 7 screenshot

  2. Enable Code View

    • Click on Code View for footer content.

      Step 8 screenshot

  3. Highlight the Code to Edit

    • Click on the section of code you wish to update.

      Step 9 screenshot

  4. Apply Changes and Save

    • Click Accept to confirm your changes.

    • Click Save to ensure all updates are applied.

      Step 10 screenshot

  5. Verify Your Changes

    • Click on My Website to check and ensure the footer changes are visible.

      Step 12 screenshot

Add an Image to Home Content Guide

Insert the image:

  1. Go to Design.

  2. Select Home Content.

  3. Click on the Image icon in the editor toolbar.

  4. Select the image from your local files and upload it.

Copy the image URL:

  • After uploading the image, copy the generated Image URL.

Add the image to the code:

  • Paste the copied URL into the corresponding section of the code where the image should appear.

Example:

.hero {
background: url('IMAGE_URL_HERE') no-repeat center center/cover;
}

Replace IMAGE_URL_HERE with the URL of the uploaded image.


Tip: Regularly review your content for updates and consistency to keep your website fresh and engaging!

Did this answer your question?