Customizing your EdCommerce page layout

Explains how to customize an EdCommerce site's page layout after initial site creation, covering three areas: (1) Page details — editing basic identity and configuration settings under Settings > Ecommerce > Ecommerce Details (colors via default palette or custom HEX, logo, timezone, campaign start and end dates, site title, URL, description, privacy policy, default language, and default currency, then clicking Save); (2) Templates and layout — switching the no-code layout templates for the Main Search (home page) under Settings > EdCommerce > Search, the search-results page under Settings > EdCommerce > Results, and provider pages via Settings > Providers > three-dot icon > Customize Provider Page; and (3) Navbar menu — editing the navigation bar under Settings > EdCommerce > Navbar (which ships with Search, Proposals and Contact), including toggling items on or off, reordering and nesting items with drag-and-drop, adding new items via 'Add New Page' (external URL or existing EdCommerce page), and setting a custom 'Logo Redirect' for the site logo.

During the site creation process, you already added this initial information such as your logo, font type, color scheme, title, description, URL...

This article covers how to edit these basic aspects of your site, how to personalize its layout with templates, and how to edit its navigation menu.

Page details

In this section we will see how to edit all these basic aspects of your site (if you don't want to change anything, you can skip this step).

• Navigate to Settings > Ecommerce > Ecommerce Details

In this section you'll be able to edit:

• Colours: You can add one of the default colors or your own HEX color (i.e. #FFFFFF)
• Your logo
• Your timezone
• The Start and End date of your e-commerce campaign.
• Your site's title
• The URL
• Your site's description
• Add your privacy policy
• Set your default language
• Set your default currency

Don't forget to save your changes before closing the page! You'll find the 'save' button at the bottom of your page.

Templates and layout

As you may already know, the content of your EdCommerce pages is fully customizable.

Not only can you choose from a range of colors, fonts, and other settings, but you can also control how this content is displayed. Thanks to our user-friendly templates, you can customize your pages layout without needing any coding knowledge!

Templates for the Main Search

You can select between 2 different styles for your home page, and personalize your students' experience when searching for programs on your site.

Just go to the Settings page > EdCommerce > Search - and select your favourite style.

Templates for the search results page

Once a student conducts a search, they'll be taken to the results page. You can also customize how these results are displayed by choosing from three different styles.

Simply navigate to your 'Settings' page, select 'EdCommerce', then 'Results', and choose the template that suits your preference best.

Provider Page Templates

These themes or templates provide three different layout styles for your provider pages. These styles determine how the educators' information is presented to your students.

To select a style, navigate to your EdCommerce settings page, select 'Providers', click on the three-dot icon beside the provider you wish to customize, and select 'Customize Provider Page'.

Navbar menu

The navigation bar, often referred to as the navbar, serves as the menu for your EdCommerce site. It enables students to effortlessly access the various sections of your site.

To edit your site's menu, navigate to the settings page > EdCommerce > Navbar.

Here, you'll find the following pages by default:

• Search
• Proposals
• Contact

How to hide or unhide items in your menu

In the 'Navbar' section of your EdCommerce settings, you'll find a list of all available elements (or pages) for your navigation bar.

It's up to you whether these elements appear on your menu. To show or hide them, just switch them on or off. This action will add or remove the items from your website's menu, respectively.

How to organize the items on your menu

Organizing the pages in your menu is very straightforward with the drag-and-drop feature. Simply click on the items (pages) you want to rearrange, and then drag them to their desired position in the menu.

Additionally, you can create a more organized and user-friendly menu by grouping related pages together. This is done by adding sub-elements under a main menu item.

To achieve this, click and drag a page you want to group and hover it over the main menu item where you want it to be a sub-element. Release the mouse button to drop it there, effectively grouping it under the selected main item.

Remember, these changes will be reflected on your website's navigation, making it easier for visitors to find what they're looking for.

How to add new items to your menu

To add a new item to your menu, click on the button 'Add New Page.'

Then enter the title and specify the page it should direct to.

• You have the option to include a URL and link to an external webpage.
• Alternatively, you can click on 'Pages' to choose from the existing pages of your EdCommerce site, conveniently listed for you.

Once you've made any changes to your navbar, be sure to click "Save".

How to add a link to your site's logo

At the top of the navigation page, you'll see the button 'Logo Redirect.'

By clicking on it, you can add a custom link for when people click on your EdCommerce site's logo.

We recommend that you either link it to your website's homepage or your EdCommerce site's homepage.

By following these simple steps, you can effortlessly create a customized menu for your site, featuring drop-down options for optimal organization of your information.

To view these changes, click on the EdCommerce logo at the top left corner of your screen, then select 'EdCommerce Preview'.