Add website template made with Website Builder
You can customize your store by using website templates built by Website Builder.
Website Builder is a drag-and-drop website design tool. This helps you design, customize your store quickly. You can also add content, animation, interaction or add new pages using Website Builder. Please visit this article to understand more about Website Builder.
In addition, you can also save pages, sections, blocks as templates in library to use in different stores and accounts. Please visit this article to learn more.
A. Add website template made with Website Builder
B. Publish a website template made with Theme Editor
C. Publish a website template made with Website Builder
On admin dashboard, go to Online Store > Design > Browse templates.
Eye icon Preview: You can preview these templates with different colors and fonts to your store by hovering the icon. Then you can Apply.
You can apply this template to your store by hovering to the template > Apply.
Once you add the template to the store, this template will show in the templates list. You can customize this template in Website Builder.
Click Customize to customize your template using Website Builder. Please visit this article for more information.
If you are using PlusBase or PrintBase, the default footer of PlusBase and PrintBase will replace the template's footer.
The website templates include some pages (For example: Landing Page), the non-existent pages will be added. For example: If you store hasn't had page About Us while the templates has it, the page About Us will be add into your Pages list. You can check whether the page exists by handle.
Learn more about old templates made by Theme Editor.
To use old templates made by Theme Editor: go to Online Store > Design > Add legacy templates.
Click your favorite template/theme and Add template.
After the theme is added, it will also be listed in Templates List.
You can click Customize these templates to edit this by Theme Editor.
Once you publish a new template, there will be a lot of changes in the Admin dashboard.
There are only 5 parts shown in Online Store (Compared to 9 parts in Theme Editor).
Design: Manage your website templates.
Pages: Edit/delete Pages or add Landing Page, each of the pages can be edited via Website Builder. Please visit this article for more information.
Blog Posts: Design your Blog Posts. Please visit this article.
Navigation: Create and edit the custom navigation. Please visit this article.
Domain : Manage your domain. Please visit this article.
The other parts will be placed in other places in Admin Dashboard in Website Builder.
Navigation: The old Navigation has 2 tabs (Menu and Collection and search filter). However, in the new Design, only Collection and search filter remains. The tab Menu can be created by adding the Menu block in Website Builder.
Landing Page and Page: These 2 tabs will be merged into Pages.
Preferences : These are changes in Preferences.
a. Google Analytics and Facebook Pixel & Conversion APIs will be moved to Marketing and Sales.
b. Personalization preview, Product Description, Print-file generating will be in Settings > Print-On-Demand.
c. Watermark and Size Chart are placed in Products menu.
d. Others sections are placed in Website Setting > General in Website Builder (Logo, Favicon, Password, Additional Scripts).
Applications in Apps menu
The other applications will be moved in Apps menu. There will be a new dashboard to measure performance. You can customize these applications’ block in Website Builder. Please visit this article to learn more about Apps.
With a ShopBase store, there will be a Fulfillment tab that contains PlusHub, PrintHub, Ali Dropship Connector.
There is a slight change in Products tab. In All Products > Tab Design, you can customize layout for your product beside using default layout in Website Builder.
You cannot use the function Create different templates for product and collection pages since this is only applicable for Theme Editor. Please refer to the article Create different templates for product and collection pages for more information.
Once you publish a template that uses Theme Editor, the Admin Dashboard will be reverted to the old admin dashboard.
Overview of Website Builder
Get started with Website Builder
Launch a web page using Website Builder
Website Builder is a drag-and-drop website design tool. This helps you design, customize your store quickly. You can also add content, animation, interaction or add new pages using Website Builder. Please visit this article to understand more about Website Builder.
In addition, you can also save pages, sections, blocks as templates in library to use in different stores and accounts. Please visit this article to learn more.
In this article
A. Add website template made with Website Builder
B. Publish a website template made with Theme Editor
C. Publish a website template made with Website Builder
A. Add website template made with Website Builder
On admin dashboard, go to Online Store > Design > Browse templates.
Eye icon Preview: You can preview these templates with different colors and fonts to your store by hovering the icon. Then you can Apply.
You can apply this template to your store by hovering to the template > Apply.
Once you add the template to the store, this template will show in the templates list. You can customize this template in Website Builder.
Click Customize to customize your template using Website Builder. Please visit this article for more information.
If you are using PlusBase or PrintBase, the default footer of PlusBase and PrintBase will replace the template's footer.
The website templates include some pages (For example: Landing Page), the non-existent pages will be added. For example: If you store hasn't had page About Us while the templates has it, the page About Us will be add into your Pages list. You can check whether the page exists by handle.
B. Publish a website template using Website Builder
Learn more about old templates made by Theme Editor.
To use old templates made by Theme Editor: go to Online Store > Design > Add legacy templates.
Click your favorite template/theme and Add template.
After the theme is added, it will also be listed in Templates List.
You can click Customize these templates to edit this by Theme Editor.
C. Publish a website template made with Website Builder
Once you publish a new template, there will be a lot of changes in the Admin dashboard.
There are only 5 parts shown in Online Store (Compared to 9 parts in Theme Editor).
Design: Manage your website templates.
Pages: Edit/delete Pages or add Landing Page, each of the pages can be edited via Website Builder. Please visit this article for more information.
Blog Posts: Design your Blog Posts. Please visit this article.
Navigation: Create and edit the custom navigation. Please visit this article.
Domain : Manage your domain. Please visit this article.
The other parts will be placed in other places in Admin Dashboard in Website Builder.
Navigation: The old Navigation has 2 tabs (Menu and Collection and search filter). However, in the new Design, only Collection and search filter remains. The tab Menu can be created by adding the Menu block in Website Builder.
Landing Page and Page: These 2 tabs will be merged into Pages.
Preferences : These are changes in Preferences.
a. Google Analytics and Facebook Pixel & Conversion APIs will be moved to Marketing and Sales.
b. Personalization preview, Product Description, Print-file generating will be in Settings > Print-On-Demand.
c. Watermark and Size Chart are placed in Products menu.
d. Others sections are placed in Website Setting > General in Website Builder (Logo, Favicon, Password, Additional Scripts).
Applications in Apps menu
The other applications will be moved in Apps menu. There will be a new dashboard to measure performance. You can customize these applications’ block in Website Builder. Please visit this article to learn more about Apps.
With a ShopBase store, there will be a Fulfillment tab that contains PlusHub, PrintHub, Ali Dropship Connector.
There is a slight change in Products tab. In All Products > Tab Design, you can customize layout for your product beside using default layout in Website Builder.
You cannot use the function Create different templates for product and collection pages since this is only applicable for Theme Editor. Please refer to the article Create different templates for product and collection pages for more information.
Once you publish a template that uses Theme Editor, the Admin Dashboard will be reverted to the old admin dashboard.
Related articles
Overview of Website Builder
Get started with Website Builder
Launch a web page using Website Builder
Updated on: 09/01/2024
Thank you!