There are over 1400 templates available to use in the template gallery. But, if you want re-use content that's customized to the style or theme of your site, you can create your own template.

Creating templates can help save you time and effort when building future pages. With text style, page design and responsive layouts saved, templates make it easy to quickly iterate and publish content to your site.

You can save a whole story as a Story Template, just one grid as a Section Template or a single element like a button or product card as a Component Template. 

How to create a new Story Template

To create a new story template, open the story you want to save as a template and click on the settings icon on the top right of the editor. Then select the Save As Template option.

A panel on the left side of the editor will appear. Name your story template and select the appropriate category or categories. (A default list of available categories will appear in the dropdown menu.)

Note: "Story" will be pre-selected as your template type. 

How to create a new Section Template

To create a section or section slider template, first select your preferred grid in the story. Then, click on Save As Template from the Grid contextual panel on the right.

Note: Any grid type can be saved as a template (Pro Layout, Auto, Slider etc.)

A panel on the left side of the editor will appear. Enter the name and select the appropriate category or categories. (A default list of available categories will appear in the dropdown menu.)

Note: "Section" will be pre-selected as your template type. To learn more about creating story templates, visit this page.

Click Save to save your new template.

Note: Optimize the grid for tablet and mobile before saving as a section template. That way, whenever you use the template in the future, it will already be responsive on all breakpoints. 

Component  Templates

To create a component template (custom element template), select the element you wish to save as a component from the story. You can either save a single element or grouped elements as a template. Select Save as Element on the contextual right panel. A panel on the left side of the editor will appear. Enter the name and select the appropriate category or categories and hit Save. (A default list of available categories will appear in the dropdown menu.)

In addition to our standard products cards that you can customize using the contextual panel, Maker allows you to add Custom CSS to your products cards. This enables your team to create custom product card with animation and effects currently not supported in our standard cards. In order to add custom CSS, select Custom CSS on the Product contextual panel and then add the script to the modal that pops up and hit Save.

 Editing or removing template

To make changes to a saved template, find and select the template from the template gallery and click on Edit. A new side panel will appear on the left. Click on Edit Template to be re-directed to the original template story. Make your desired changes and click on Update to save.

To delete a saved story template, find and select it from the template gallery. Then click on the delete option on the top right of the template thumbnail. A warning will appear, notifying you that this action cannot be undone. To continue deleting the template, hit Yes, Delete It!

To learn about using templates, click here.