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:
Copy the entire existing code.
Paste it into a document (Notepad, Google Docs, etc.).
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 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.















