Design Manager

 

Design Manager is a tool that allows you to edit the code of the site header and footer that appears on every page of your website.

You must be a SuperAdmin or an Admin with the Content Area role to access the Design Manager. 

 

WARNING:  Changes through the Design Manager will change all visible pages of your website upon being published, and can break your site.  You can revert back to a previous build of the page if something is broken, but only use this feature if you feel comfortable working with code, and with extreme caution.

We do not recommend you make changes to this area as it can break your site functionality.  Fixes associated with changes to the header are billable and not covered under standard support.

Select Design Manager from Admin > Content > Design Manager

The Design Manager uses a programming language called "Liquid", which is an open source template language. You'll find the same language in some of the WebAlliance Email Templates.

Editing in the Design Manager

Here is a useful third-party link to W3 Schools, which will give a basic understanding of HTML. W3 Schools also provides examples and other useful tools to further your knowledge of HTML. https://www.w3schools.com/html/default.asp

Here is another useful link to Shopify that can aid in the use of Liquid Templates. https://shopify.github.io/liquid/basics/introduction/

  1. Select which website template you want to edit.
  2. 'Save' will save the changes you make and allow you to use the Preview button to see an approximation of what your changes will look like.  It does not make your changes available for site users to see.
  3. 'Publish' will save your changes and make the changes available on the site.

Listed below are the steps to make a simple change in the Footer of your site, using Design Manager. We will be adjusting the "Test Link" link in the screenshot below, to say "Best Link Ever". 

Once you are inside the Design Manager tool, you will need to navigate to the "Footer" template inside of the "Shared" folder in the left navigation panel.

We will be adjusting Line 117, since this is where the "Test Link" HTML code is.  After Swapping out "Test Link" for "Best Link Ever", you will want to Save & Publish your changes so they display on the live site.


You can see the applied changes on the live site in the screenshot below.

Publish On

Publish On allows you to schedule a date and time that you want your saved changes to be published.

Click the arrow on the Publish button and select the Publish On option.

Enter a date, time, and Publish Notes and click the Schedule Publish button to complete the process.  When the publish date and time occurs, the most current saved changes will be made available on the site.  You should see the changes on the site within 10 minutes of the time that you set the changes to be published.

NOTE:  Keep time zone differences in mind when setting the "Publish On..." time.  The time that is set will be based on the site's default time zone.  So, for instance, if you are in the Eastern time zone and you set the publish time to 8:00am, if the default site time is in Central time, you are actually setting the publish time to 8:00am Central, which will be 9:00am Eastern.