Understanding Reusable Sections

Table of Contents:

1. What Is A Reusable Section?
2. How To Set It Up

What is a Reusable sections?

A Reusable Sections is a reusable part of your website that can be applied across multiple pages while remaining connected.

This means that instead of editing the same section individually on each page, you can manage it in one place and have changes automatically reflected wherever it is used.

Example

A header menu is usually visible on all pages to help users navigate your website. By using a reusable section, you can update the menu once and ensure the changes appear across all pages where it is applied.

How It Works

When you save a section, you make it available for reuse across different pages of your website.

If the section is saved as synced, it becomes a shared element. Any updates made to that section will automatically apply to all pages where it has been added.

It’s important to note that saving a section does not automatically place it on other pages—you will still need to manually apply it where needed.

How to Set It Up

Step 1: Save the Section

1. Hover over the section (e.g., header or footer)
   (Make sure you select the section itself, not the content inside it)
   
   
   
   
   
2. Click the Save icon

3. Fill in the required fields:

   1. • Section Name – e.g., “Main Header” or “Footer”
      • Section Category – used to organize your saved sections.
      • Select the Section Type:

   • • • Regular Section

         • Creates a reusable copy of the section
         • Each use becomes an independent version
         • Changes made later will only apply to that specific instance
         • Best used when: You want to reuse a layout but customize the content on different pages.

   • • • Synced Section

         • Creates a shared section across multiple pages
         • All instances remain connected
         • Updates automatically apply everywhere the section is used
         • Best used when: You want consistent content across pages, such as headers, footers, or navigation menus.
       

4. Click Save

Step 2: Apply the Section to Other Pages

1. Go to the page where you want the section to appear
2. Locate the section area (e.g., header or footer)

If you are using a template, a section may already be present, but it is not automatically synced.

To apply your saved section:

1. Delete the existing content inside the section
2. Click the section dropdown (commonly labeled “Empty”)
   
   
3. Select your saved section 
   
    

Important Notes

• Saving a section does not automatically apply it to all pages
• You must manually select and apply it on each page
• Templates do not automatically sync sections
• Only synced sections will update across multiple pages
• Regular sections act independently after being added

Key Takeaway

Saving a section allows you to reuse content across your website, while the section type determines how updates behave:

• Use Regular for flexibility and page-specific edits
• Use Synced for consistency and centralized updates