About Website Builder
Overview of Website Builder
On ShopBase you can build and design your website using our built-in Website Builder tool. The Website Builder tool gives you complete control over the look and feel of your site with flexible settings and diverse templates. In this section Definition of Website Builder Website Builder is a design tool that makes it easy for users to create their own website with convenient settings and customizations. Website Builder includes an open library of design templates suitable for a wideFew readersGet started with Website Builder
If this is your first time using Website Builder, we will assist you in getting started with building your amazing website, as well as familiarizing yourself with the interface and basic functions of Website Builder. In this article A. Access the Website Builder B. Overview of the Website Builder interface C. Header bar D. Web front E. Side bar settings (3-e-side-bFew readersAdd 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, seFew readersOverview of Website Settings
As an E-commerce platform specializing in cross-border dropshipping, ShopBase provides a wide range of features to help you optimize your online store. One of these features is the Website Settings, which includes General, Product, Cart goal, Language, Cookies banner, and Review rating. In General section, you can easily customize your website's logo, favicon,Few readersHow to use General in Website Settings?
Website settings are the configuration options and preferences that you can customize for your website. To access Website Settings, from your store admin go to Online Store Design Customize, then sellect Website Settings.Few readersHow to edit your product in Website Settings?
The Product part in Website Settings includes Product Card and Product Variant. This article will guide you through the steps to adjust your product with those 2 blocks. In this article A. Product Card B. Product Variant A. Product CardFew readers
Mastering Template Customization
Manage pages
After publishing Website template that use Website Builder, you will see the menu Pages under Online Store. You can create Landing pages and customize by using Website Builder. In this article A. Add new page. (Few readersCreate a form for your storefront
ShopBase Form helps provide a way to customize your form and gather the information you need to run and grow your business. The form can be added directly to your web front for collecting leads or subscribers, or a standalone form to help buyers reach out to you. When designing your store, you can easily add a form to your current page. Here, you can drag and drop the Form from the Insert panel to the desired position on your page. Then, you can edit the Content and DesignFew readersCustomize menu with Website Builder
This article shows you how to build menu with Website Builder to create a clear navigation to your store. In this article A. Create a menu B. Set up menu items and sub menu items A. Create a menu Click the + icon on the toolbar or use the shortcut Cmd + I (on macOS), Ctrl + I (on Windows) Search block Menu Drag and drop the block to the desired position. (https://storage.crisp.chat/users/helpdesk/website/df8398Few readersCreate and edit Popup in Website Builder
You can create a Popup in the Website Builder and customize it to display sales promotion announcements or business activity announcements such as holidays. In this article A. Create a Popup B. Edit Popup A. Create a Popup There are two ways to create a popup. Go to Insert Panel (the + button) Search Popup Drag Popup to the desired position. (https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c0Few readersSelling globally in your store
The ShopBase Localization feature is designed to convert currencies and languages to the buyer’s country whenever they browse through your store, helping you appeal to their culture and convert sales efficiently. Content and prices will be translated for customers based on their default location or their selection upon request. It is designed to provide your customers with a familiar experience in their first language and currency. Although the theme is in English and USD by default, it hasFew readersHow to customize Cart block in Website Builder
Cart block helps your customers access their shopping cart anywhere and review items before going to checkout. In your store, we have insert Cart automatically to ensure your store functions well. This article shows you how to create and customize the Cart block. In this article A. Create cart block. B. Customize cart block. A. Create Cart Block Click the Insert panel (The + button) in Web Builder SearchFew readersHow to customize Mini Cart in Website Builder
Mini Cart is opened from the Cart icon on the store's header area, it provides a quick and convenient way for customers to view and manage items they have added to their shopping cart. This article will show you how to display and edit the Mini cart displayed on your store. In order for your store to display the Mini cart, you first need to configure your Cart block to open the Mini cart when the buyer takes an action. Read more here (link customize Cart block). After makinFew readersCustomize your product detail
You can customize product detail page easily using Website template. You can either use our default layout or a custom layout. In this article A. Customize product detail page B. Add a custom layout for a specific product A. Customize product detail page Go to Online Store Design Customize that Website template that you would like to customize. (https://storaFew readersHow to customize Cart Goal block in Web Builder
Cart goal is a simple but extremely effective tool that helps you encourage customers to buy many products, or products with great value to enjoy many incentives. You can choose to display the Cart goal anywhere on the store, this helps to convert opportunities into high-value orders at every buyer touchpoint. This article shows you how to display and edit the Cart goal on your store. In this article A. Create cart goal block B. Customize carFew readersOptimize images and videos before building website in Website Builder
When building a website, handling images and videos properly can have a big impact on site performance and user experience. In this article, we will help you understand the importance of optimizing images and videos before uploading them to Website Builder. By taking these simple steps, you can speed up page loads, reduce wait times, and improve the user experience on their site. In this article A. Why you should optimize images and videos (3-a-why-you-should-optimize-images-and-vFew readersHow to customize Cart drawer in Website Builder
The Cart drawer opens from the Cart icon on the store's header area, helping your customers review carts wherever they are in your store, with a clear design for better view. The Cart drawer is created by default in the store and is always located in the Footer section of the Website Builder. This article will show you how to edit the Cart drawer on your store.Few readersHow to customize Cart items block in Website Builder
Cart items helps customers review all the items in the cart. Cart items will show up in the Cart drawer, Mini cart, and Cart page. This article will show you how to edit the Cart items that show up on your store. In this article A. Edit the design B. Edit the content A. Edit the design Select the Cart items block Design tab. Here you can configure the style of cart items. (https://storage.criFew readersCreate animation in Website Builder
ShopBase Website Builder offer animation features that allow you to add dynamic and interactive elements to your website without the need for coding knowledge. These animations can enhance the customer experience and make your website more engaging and visually appealing. Here are a few common methods for adding animations using Website Builder. In this article A. Scroll effects B. Background effects C. Block effects (3-c-block-eFew readersHow to customize Order steps block in Website Builder
This article shows you how to configure the complete Order steps on your Thank You page, keep you up to date with processing information, as well as estimate shipping time, helping buyers capture information after payment. In this article A. Edit the design for the block B. Edit the content for the block A. Edit the design for the block Click on the Order steps block Design tab. (httFew readersHow to customize Checkout Form block in Website Builder
This article shows you how to configure the complete Checkout form on your store, helping you create the most seamless and reliable checkout experience for customers. In this article A. Edit the design for the block B. Edit the content for the block A. Edit the design for the block Click on Insert panel Search Checkout form Drag this block to the desired position Design tab. You caFew readersHow to use variant picker in Website Builder
This article will show you how to customize the design of Variant Picker in Website Builder. In this article A. Add product variants B. Customize variant picker in Website Builder A. Add product variants In Admin dashboard, go to Products All products and click the desired product you would like to add product variants. (https://storage.crisp.chat/users/helpdesk/website/df8398aFew readersLaunch a web page using Website Builder
Before you begin rebuilding your website pages with the Website Builder, let's talk about the structure of your page. Pages built with the Website Builder are made up of: Blocks and Sections. Each section of your page is made up of specific blocks. On ShopBase Creator, we provide you with Sections templates containing specific Blocks to streamline the process of designing your page. However, each section can be customized to your liking. And, regardless of which section yoFew readersUnderstand styling settings in Website Builder
Using the built-in Styling settings in Website Builder, you can easily synchronize colors, fonts, and element appearance across all pages of your website. This article will give you an introduction to Website Builder's Styling settings and how to use it effectively. In this article A. Overview of Styling settings B. Font settings C. Color settings D. Button settingsFew readersSet up sections on Website Builder
In this article, we will show you how to set up a page's section on ShopBase Creator using Website Builder. Overall, Section is a tool to divide the page into different sections. Section contains Row and Row contains Column. There are Blocks and Container in Column. Container has Blocks. Step by Step Tutorial There are 3 ways to add a new section to your web page (https://help.shopbase.com/en/article/launch-a-web-page-using-website-builder-1apFew readersSet up blocks on Website Builder
In this article, we will show you how to set up a page's block on ShopBase Creator using Website Builder. Step by Step Tutorial To add a new block to your web page, from the Website Builder, open the Insert panel and drag your block into the desired position. Then, you can freely customize the Styles and Settings of each block in Website Builder. (https://storage.crisp.chat/users/hFew readersSave and reuse color and font templates on ShopBase Creator
On Website Builder, templates are pre-made designs that can be reused and customized. You can create font, color, block, section, and page templates. Then, you can reuse them on other pages on your current website, and even on other websites using the Link library feature. Step by Step Tutorial From the Website Builder, click on the Style icon to access the StylingFew readersSave and reuse block and section templates on Website Builder
On Website Builder, templates are pre-made designs that can be reused and customized. You can create font, color, block, section, and page templates. Then, you can reuse them on other pages on your current website, and even on other websites using the Link library feature. When saving a block or a section as a template, you will need to sort it into a category in a library. Then, bFew readersSave and reuse page templates on ShopBase Creator
On Website Builder, save time by making templates of your favorite designs! There's no need to keep recreating your page. This is especially useful if you have a base design that you want to use for multiple pages, so that you only have to customize the aspects of the pages that are unique and you don't have to rebuild that same foundation every time. When you save a page as a template, you can reuse the template's design when creating a new page on your current website, and even on other websiFew readersLink library to reuse templates across stores on ShopBase Creator
On ShopBase Creator, by linking your library to different websites, you can reuse templates across various websites owned by you or other people. Step by Step Tutorials From your ShopBase Creator admin, access the website with the library you want to copy and go to Website Themes. 2. In Libraries, each library has a library ID under their name. Copy the ID of the library you want to link.Few readersGuide to library on ShopBase Creator
ShopBase Creator's library is a tool designed to help users easily create and share their templates that can be reused across websites. In this article, we will give you an overview of library and how to use it effectively on ShopBase Creator. In this article A. Understand Web Base Library B. Create a new library C. Edit a library D. Delete a library A. Understand WebFew readersSelect and customize page templates using Website Builder
On ShopBase Creator, you can customize your web page design and save it as a template to reuse whenever you want. These custom page templates will then be saved to libraries on your website. After that, when creating a new web page, you can freely select any template you want from our Web Base Library, your ownFew readersData source and variable in Website Builder
The concept of data sources and variables enables you to retrieve actual products, collections, and blog posts for displaying on your webpage. This article explains how to connect a data source and use variables effectively. In this article A. Data source and variable in website builder B. Types of variables C. How to set up data source D. How to use variables for a block (Few readers