TOP

Templates

Templates allow designers to create new structured designs for website pages, product pages, email documents, and content blocks so that their clients can reuse the same look and feel for mulitple content areas.

*Add A Page Template: Learn how to create a new page template to fomat the content on a website or product page. Learn More >

*Add A Product List Template: Learn how to create a custom template to display a list of products on the website. Learn More >

*Add A Product Drilldown Template: Learn how to create a customized version of a single product page. Learn More >

Add A Content Block Template: Learn how a designer can create a new content block template the can be used for new content blocks. Learn More >

Add A Content Block: Learn how to add content to your website using Content Blocks. Learn More >

Add An Email Template: Learn how a designer can create a new email template the can be used for new email documents. Learn More >

Adding An Email Document: Learn how to add email documents with the newly created template. Learn More >

FAQS: Review frequently asked questions regarding content templates. Learn More >

*Base 3 ONLY feature.


Add A Page Template

1. Create A Page Template

A Page template is to be used on general website pages that are created.  i.e. Homepage, About Us, Contact Us, etc.

1. Go to Settings > Templates. 

2. Click Add A Template.

3. Enter the name of your template in the Title field.

4. From the Type field select Page.

5. Click Save.

After you have set the display options, you can move onto the Template Elements, which will allow you to create the content sections that make up your Page Template.

Page Top

2. Add Template Elements

Under the Template Elements section you'll setup the different sections for the Page Template. There are 8 different elements to choose from: Text Box (Single Line), Text Box (Multi Line), HTML Content, Numeric Field, Upload Photo, Option List, Yes/No, and Upload File.

Click Add Element, then choose what element type you would like to use. Make a general label for what should be input here by the user, then fill out the rest of the element, depending on whatever type you have chosen. See below for the list of element types and their uses.

Element Types
Text Box (Single Line) Add a single line field. The plain text is output.
Text Box (Multi Line) ​Add a multi line field. The plain text is output. 
HTML Content

Displays Text/Content Editor and allows user to upload photos, links and change text size, etc.

The HTML from editor is output.

Numeric Field Add a single line field for numbers. The plain text is output.
Upload Photo Add the ability to upload a photo. The url of the photo is output.
Option List Add a dropdown of user set values. The selected value is output.
Yes/No Add the ability to choose 'Yes' or 'No'. 'Yes' or 'No' is output. Learn More >
Upload File Add the ability to upload a file. The url of the file is output.

 

3. Create HTML Output

Once you have finished adding elements, the output must be created. The output is the HTML that is used when the template is rendered on the website. After you have created the HTML structure for the Page Template, you can place where you would like your elements to display. If you have an Upload Photo element with a label of 'Image', for example, wrap the label in forward slashes [i.e. //Image//]. Whatever the user uploads into this element will display in its place. 

When the user is creating a new page in the Content Editor, if they select your Page Template, they will be able to fill in all of the content elements that you have created above. When they view their page on the website, the output that you created in the Page Template will be rendered and their content will be displayed where you specified.

Sample of 3 Column Page Template

Below is an example of a 3 column output that will give the user 3 individual content sections that they can edit individually as part of the main content body of a page.

Page Top

4. Applying A Page Template

After you finish creating the Page Template you will need to assign it to the specific page(s) from the Content Editor section. The Page Template can be used for more than one page, with each page having its own customized content. Page Templates are applied when creating or editing pages, which can be done by any user, so there is no need to create every page that will exist on the website.

1. Go to Content Editor > General Pages.

2. Click Add a Page to create a new page or select an existing page from the page tree.

3. From the Template dropdown select your Page Template.

4. Click Save.

Now the all of the content elements that you built into your Page Template can be used and filled in.

Page Top


Add A Product List Template

1. Create A Product List Template

A Product List template is to be used on main store pages that displays the products assigned to the page. i.e. Red Wines, White Wines, Gifts, etc.

1. Go to Settings > Templates. 

2. Click Add A Template.

3. Enter the name of your template in the Title field.

4. From the Type field select Product List.

5. Click Save.

After you have setup the basic details for your template you will carry on with the Output section to setup the HTML that the template will use.

Page Top

2. Create HTML Output

The output is the HTML that is used when the template is rendered on the website. After you have created the HTML structure for the Product List Template, you can call in various product related information using the available v65 product tags found in the v65 Base 3 - Product Tag Index.

1. Click Edit under the Output section.

2. Create or paste in your HTML to call in the various product tags for your Product List page. You'll want to reference the v65 Base 3 - Product Tag Index to see content is available to you.

3. Click Save.

Page Top

3. Applying A Product List Template

Base 3 is currently in beta. The ability to apply your product template to your product pages is still in developent. More information will be coming when these are released...

Page Top


Add A Product Drilldown Template:

1. Create Product Drilldown Template

The Product Drilldown Template is used on the individual product details pages. This is the page that a customer will arrive on when they click a specific product.

1. Go to Settings > Templates. 

2. Click Add A Template.

3. Enter the name of your template in the Title field.

4. From the Type field select Product Drilldown.

5. Click Save.

After you have setup the basic details for your template you will carry on with the Output section to setup the HTML that the template will use.

Page Top

2. Create HTML Output

The output is the HTML that is used when the template is rendered on the website. After you have created the HTML structure for the Product Drilldown Template, you can call in various product related information using the available v65 product tags found in the v65 Base 3 - Product Tag Index.

1. Click Edit under the Output section.

2. Create or paste in your HTML to call in the various product tags for your Product Drilldown page. You'll want to reference the v65 Base 3 - Product Tag Index to see content is available to you.

3. Click Save.

3. Applying A Product Drilldown Template

Base 3 is currently in beta. The ability to apply your product template to your product pages is still in developent. More information will be coming when these are released...

Page Top


Add A Content Block Template

1. Create Content Block Template

1. Go to Settings > Templates. 

2. Click Add A Template. 

3. Enter the name of your template in the Title field and select Type = Content Block.

4. Next set the display options for your template. You can choose to select Is Component and/or Is Block Componentable.

Is Component Allows you to display all of the Content Blocks that belong to this specific Template together through one component. (It will be added to the page through the components tool.)
Is Block Componentable? Allows you to display a single Content Block that belongs to this Template onto a page. A unique component is generated for every Content Block created and they can be added onto completely separate pages throughout site. 

5. Related To. For general use, you can leave this area blank. If you are wanting this template to display on only specific content or product pages, check off the corresponding boxes.

Pages If this is checked off, Content Blocks using this template can be applied to display on only certain Content Editor pages. After you have created the Content Block under Content Editor > Content Blocks, there will be a list of all pages where you can check off the pages that it will display on. 
Products If this is checked off, Content Blocks using this template can be applied to specific products using a custom layout that includes the v65:contentblock tag. After you have created the Content Block under Content Editor > Content Blocks, there will be a list of all products where you can check off the products that you want that custom content to display. 

6. Click Save. 

After you have set the display options, you can move onto the Template Elements, which will allow you to create the content sections that make up your Content Block template. 

Page Top

2. Add Template Elements

Under the Template Elements section you'll setup the different sections for the Content Block Template. There are 8 different elements to choose from: Text Box (Single Line), Text Box (Multi Line), HTML Content, Numeric Field, Upload Photo, Option List, Yes/No, and Upload File.

Click Add Element, then choose what element type you would like to use. Make a general label for what should be input here by the user, then fill out the rest of the element, depending on whatever type you have chosen. See below for the list of element types and their uses.

Element Types
Text Box (Single Line) Add a single line field. The plain text is output.
Text Box (Multi Line) ​Add a multi line field. The plain text is output. 
HTML Content

Displays Text/Content Editor and allows user to upload photos, links and change text size, etc.

The HTML from editor is output.

Numeric Field Add a single line field for numbers. The plain text is output.
Upload Photo Add the ability to upload a photo. The url of the photo is output.
Option List Add a dropdown of user set values. The selected value is output.
Yes/No Add the ability to choose 'Yes' or 'No'. 'Yes' or 'No' is output. Learn More >
Upload File Add the ability to upload a file. The url of the file is output.
Yes/No
The 'Yes/No' elements output with a 'Yes' or 'No' depending on what is selected by the user in the Content Block.
An example use would be to alter an attached css class. For example:



This is a Template with an optional field for a link. If 'No' is selected, the link would have a class of 'displayNo', if 'Yes' is selected, 'displayYes'. You can have css properties for each depending on what is chosen. (Hide the element is 'displayNo' is the class.) The benefit of this is being able to use one Template for multiple Content Blocks that are similar.

 

3. Create HTML Output

Once you have finished adding elements, the output must be created. The output is the HTML that is used when the template is rendered on the website.

After you have created the HTML structure for the Content Block Template, you can place where you would like your elements to display. If you have an Upload Photo element with a label of 'Image', for example, wrap the label in forward slashes [i.e. //Image//]. When the user is creating a new Content Block, whatever they put into that element will be displayed in place of its name. 

Page Top


Add An Email Template

1. Create Email Template

1. Go to Settings > Templates. 

2. Click Add A Template. 

3. Name your template and select Type = Email.

4. Click Save. 

This will allow you to create the basic template. The next section that appears, Template Elements, will allow you to create the content sections of the email template. 

2. Add Template Elements

Under the Template Elements section you'll setup the different content sections for the email template. There are 5 different elements to choose from: Text Box (Single Line), Text Box (Multi Line), HTML Content, Numeric Field, and Upload Photo.

Element Types

Text Box (Single Line) Add a single line field. The plain text is output.
Text Box (Multi Line) ​Add a multi line field. The plain text is output. 
HTML Content

Displays Text/Content Editor and allows user to upload photos, links and change text size, etc.

The HTML from editor is output.

Numeric Field Add a single line field for numbers. The plain text is output.
Upload Photo Add the ability to upload a photo. The url of the photo is output.

Add An Element

Click Add Element, then choose what element type you would like to use. Make a general label for what should be input here by the user, then fill out the rest of the element, depending on whatever type you have chosen. See below for the list of element types and their uses.
 

3. Create HTML Output

Once you have finished adding elements, the output must be created. The output is the html that is used when the template is rendered. After you have figured out the html structure for the template, you can place in the elements that were added above by wrapping the names of those elements in forward slashes [i.e. //Image//]. When the user is creating a new email document, whatever they put into each element will be displayed in place of its name. 

Page Top


Template FAQs

  1. What is the difference between Layouts and Page Templates?
  2. I have made Template Elements for my email, but they are not populating when I make an email document.

What is the difference between Layouts and Page Templates?

Layouts are the HTML around the page content that is pulled in from the Content Editor such as the header, sub navigation, and footer. In Base2, the Content Editor is edited and output in one big section. In Base3, Page Templates allow you to split the body of the page content into individual editable sections and give you control over the HTML output of the Content Editor.



Below, you can see example, of how Page Templates allow a user to manage their content in editable blocks.




Additional reading:

Top Of Page

I have made Template Elements for my email, but they are not populating when I make an email document.

Every template element has to be added somewhere into the HTML within the Output section. This can be done by including //ElementNameHere// in the location in the HTML that you wish for the element to appear.

Top Of Page