Skip to main content

How to Edit the Homepage Content, Footer Content, and Static Pages

Written by Deira Alanis
Updated this week

Overview

The Homepage Content, Footer Content, and Static Pages sections allow you to customize important areas of your website.

These sections help you add useful information for your customers, such as:

  • Welcome messages

  • Promotions

  • Contact information

  • Social media links

  • Legal pages (Privacy Policy, Terms & Conditions)

  • About Us pages

These sections are edited using HTML code, which means changes should be made carefully to avoid affecting the layout of the website.

This guide explains how to safely edit these sections, even if you are not familiar with coding.


Before You Start (Important)

Before editing any HTML code, please follow these recommendations.

Create a Backup of the Existing Code

Before making any changes:

  1. Copy the entire existing code.

  2. Paste it into a document (Notepad, Google Docs, etc.).

  3. Save the file with a name such as:

homepage-backup-date

or

footer-backup-date

If something goes wrong, you can restore the original version.


Edit Only What Is Necessary

If you are not familiar with HTML:

  • Avoid deleting large sections of code

  • Only edit text, links, or images

  • Do not modify elements you do not understand

Review Changes After Saving

After saving changes, always check that:

  • The layout appears correctly

  • Links work properly

  • The page displays correctly on desktop and mobile


How to Edit the Homepage Content

Follow these steps to modify the content displayed on your website homepage.

Step 1: Access the Dashboard

Log in to your Ordering Dashboard.

Step 2: Go to My Products

From the main menu select:

My Products

Step 3: Select the Website Product

Click:

Ordering Website

Step 4: Open Homepage Content

Locate and select:

Homepage Content

Step 5: Enable Code View

Click:

Code View

This will display the HTML code used to control the homepage content.

Step 6: Edit the Content

Update the section of the code you want to change.

Common edits include:

  • Updating welcome messages

  • Adding promotions

  • Adding images

  • Adding buttons

  • Updating links

Step 7: Confirm the Changes

Click:

Accept

Step 6 screenshot

Step 8: Save

Click:

Save

Step 9: Verify the Website

Go to:

My Website

Check that the changes appear correctly.


How to Edit the Footer Content

The footer appears at the bottom of the website and usually contains additional information.

Common elements include:

  • Contact information

  • Social media links

  • Legal pages

  • Navigation links

Step 1: Access the Dashboard

Log in to the Ordering Dashboard.

Step 2: Open Footer Content

Navigate to:

My Products → Ordering Website → Footer Content

Step 3: Enable Code View

Click:

Code View

Step 4: Edit the Footer Code

Modify the content you want to update.

Examples:

  • social media links

  • contact information

  • navigation links

  • copyright text

Step 5: Confirm the Changes

Click:

Accept

Step 6: Save

Click:

Save

Step 7: Verify the Changes

Open My Website and confirm that the footer displays correctly.


Example: Complete Footer Template

You can use the following footer structure.

<div class="footer" style="text-align:center;padding:30px;">

<p>© 2026 Your Business Name</p>

<p>
<a href="/about-us">About Us</a> |
<a href="/privacy-policy">Privacy Policy</a> |
<a href="/terms-and-conditions">Terms & Conditions</a>
</p>

<p>
<a href="https://facebook.com">Facebook</a> |
<a href="https://instagram.com">Instagram</a>
</p>

<p>
Contact us: [email protected]
</p>

</div>

How to Create and Manage Static Pages

Overview

Static pages allow you to add important informational pages to your website. These pages usually contain content that does not change frequently, such as:

  • Privacy Policy

  • Terms and Conditions

  • Help with an Order

  • Ordering Guide

  • FAQ pages

You can edit existing static pages or create new ones from the CMS section in Settings.


How to View Static Pages

To access the static pages section, follow these steps.

Step 1: Open your website configuration

Log in to your Ordering Dashboard and open your Website product.

Step 2: Access the pages section through the URL

Once the website editor is open, go to the browser's address bar and add the following to the end of the URL:

/pages

Then press Enter.

Example:

https://your-dashboard-url/pages

This will open the Static Pages manager, where you can view and manage all the pages created for your website.


How to Access Static Pages

Follow these steps to access and edit static pages.

Step 1: Log in to the Dashboard

Access your Ordering Dashboard.

Step 2: Open Settings

From the main menu, select:

Settings

Step 3: Open the CMS section

In the Settings menu, locate and select:

CMS

Then click CMS again.

Step 4: View the Static Pages list

You will now see the Static Pages Manager, which displays the list of static pages already created in your project.

Examples include:

  • Privacy Policy

  • Terms and Conditions

  • Help with an Order

  • Guide to Ordering

From this section, you can manage all static pages available on your website


How to Edit an Existing Static Page

Step 1: Select the page

Click on the static page you want to edit.

For example:

  • Privacy Policy

  • Terms and Conditions

Step 2: Edit the page content

A new window will open where you can configure the page.

Here you can modify:

  • Page name

  • Slug (page URL)

  • SEO title

  • SEO description

  • SEO image

  • Page content

The content editor allows you to:

  • add or edit text

  • insert images

  • format headings

  • add links

  • include HTML code if needed

Step 3: Save the changes

After making your changes, click:

Accept

The changes will be saved automatically.


How to Create a New Static Page

If you want to create a new page, follow these steps.

Step 1: Click Add Page

In the Static Pages Manager, click:

Add new static page

or

Add Page

Step 2: Enter the page information

Fill in the required information, such as:

  • Page name

  • Slug (page URL)

  • SEO title

  • SEO description

  • Page content

Use the content editor to write or paste the information for the page.

Step 3: Save the page

Click:

Accept

The page will be saved automatically and added to the list of static pages.


How to Add Static Page Links to the Website

You can add the page link inside the Homepage Content or Footer Content.

Example link:

<a href="/about-us">About Us</a>

Multiple links example:

<a href="/about-us">About Us</a>
<a href="/privacy-policy">Privacy Policy</a>
<a href="/terms-and-conditions">Terms & Conditions</a>

Using AI to Help Edit HTML Code

If you are not familiar with HTML, AI tools can help modify or improve your code.

Example prompts:

Change text

Edit this HTML code and change the title to:
Welcome to Our Restaurant

Add a button

Add a button that links to our contact page.
The button text should say: Contact Us

Improve layout

Improve this HTML section to make it centered and more modern.

Important Recommendation

Always:

  • create a backup before editing

  • review AI-generated code

  • test the website after saving


Common Issues

Layout appears broken

Possible cause:

An HTML tag was accidentally removed.

Example:

<div>
content
</div>

Solution:

Restore the backup version.


Links are not working

Ensure links include the correct path.

Correct format:

<a href="/about-us">About Us</a>

Changes are not visible

Try:

  • refreshing the page

  • clearing browser cache

  • reopening the website


Best Practices

✔ Always create a backup before editing
✔ Make small changes at a time
✔ Test the website after saving
✔ Avoid editing code you do not understand
✔ Use AI tools carefully


💡 Tip:
Keeping your homepage, footer, and static pages updated helps maintain a professional and informative website for your customers.

Did this answer your question?