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 select Website Settings.Few readersHow to edit your product in Website Settings?
The Product part in Website Settings includes Product Card, Product Variant, Add to wishlist, and Sticky Add to cart. This article guides the features regarding Product Card, Product Variant, and Sticky Add to Cart. For the Add to wishlist feature, please refer to this guideline.Few readersUnderstanding Width/Height Measurement Units in Website Builder
In web design, precision and adaptability are key components. Adjusting the dimensions of elements on a webpage is essential for creating an attractive and responsive site. Different measurement units play a crucial role in achieving this. Each unit has a specific purpose and offers unique advantages in your web design. In this article, we will clarify these measurement units and demonstrate how they impact your web design. (https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/Few readersAdd Wishlist Button To Your ShopBase Store
Add to wishlist button allows customers to save their favorite products for later, enhancing their shopping experience and increasing the likelihood of future purchases. It also helps you understand which products are popular and can drive marketing strategies accordingly. Follow this guide to enable, customize, and manage the wishlist feature on your store. In this article A. Enable AddFew readers
Mastering Template Customization
How to customize Variant picker block in Website Builder
The variant picker on an e-commerce website plays a key role in enhancing the customer shopping experience by allowing shoppers to seamlessly view and select different versions of a product, such as its size, color, material, or other attributes. This article will show you how to customize the design of Variant Picker in Website Builder. In this article A. Add a Variant picker block B. Customize the content tab of Variant picker block (3-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 readersManage 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 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 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 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 Website Builder SearchFew 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 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 (https://help.shopbase.com/en/article/hoFew 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 Checkout Form and Order Summary 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. Customize checkout form block B. Customize order summary block A. Customize checkout form block In Website Builder, go to checkout page, select Checkout form block. Edit content for the block Navigate to ContFew 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 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.crFew 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 readersCustomize your product detail
Easily personalize your product detail page with our website template. Opt for the default layout applied from the template or create a custom design tailored to your preferences, 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 the Website template that youFew readersHow to customize Product gallery block in Website Builder
A product gallery on an e-commerce website is crucial due to its necessity in: Providing visual representation for products, enhancing user experience. Building trust by showing products from multiple angles. Displaying product variations effectively. In this article, we will show you the basics of how to customize Product gallery block in Website Builder. In this article AFew 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 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 settings E. ScroFew readersSet up sections on Website Builder
In this article, we will show you how to set up a page's section in 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 2 ways to add a new section to your web page, Click theFew readersSet up blocks on Website Builder
In this article, we will show you how to set up a page's block 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 Content and Design of each block in Website Builder. (https://storage.crisp.chat/users/helpdesk/website/df839Few readersSave and reuse color and font 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. Step by Step Tutorial From the Website Builder, click on the Style icon to access the StylingFew 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 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 Website Builder
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 using Website Builder
ShopBase's Web Base 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 the store using Website Builder In this article A. Understand Web Base Library B. Create a new library C. Edit a library D. Delete a library A.Few 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 readersCreate a One-Product Store with ShopBase
A one-product store is an ecommerce site that features a single product and creates quick checkout experiences for buyers. It is ideal for: Merchants who wish to sell just one product, featuring a straightforward layout accessible directly from the domain. Customers can add items to their cart directly from the homepage, eliminating the need for redirection to a product page. In this artiFew 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 readersSave website as template in Website Builder
You can customize the design of your website and save it as a template to reuse whenever you want. These custom website templates will be stored in your libraries. In this article, we will show you how to save a website as template to your library. In this article A. Save website as template B. Edit template information C. Reuse website template A. Save website as template Go toFew readersUnderstand Smart Optimize feature
The Smart Optimize feature in the store admin dashboard is designed to keep your store up-to-date with our latest feature. Whenever the system updates any new features, your store will be automatically updated. Previously, you will have to manually enable a new feature. For example, you cannot enable the new feature Express Checkout if you are currently turning off its required button Express Payments. Therefore, we now present the Smart Optimize feature, so that all new featurFew readersHow to customize the design and content of mobile view
The mobile-friendly version of your site is automatically created using the content from the desktop site. However, it is essential to be aware of the difference between desktop and mobile screen areas and ShopBase supports you to customize the design and content of the mobile elements if you wish. This won't effect the desktop layout. This article guides you how to create a distinct look for mobile view. In this article A. Access the Mobile Editor B. CustFew readersHow to customize collection list block in Website Builder
The Collection List block in Website Builder is a powerful tool to showcase and organize your products or content. Optimize its settings to enhance your store's visual appeal and improve visitor navigation.Few readersTroubleshooting - Prevent white space when horizontally scroll
The Website Builder aims to reduce the chance of horizontal scrolling by setting a maximum content width that doesn't surpass the boundaries of its container. Nevertheless, certain user configurations may still result in occasional horizontal page scrolling, such as:Few readersHow to configure Slideshow block in Website Builder
A slideshow on a website can serve several purposes: Visual appeal: enhance website appeal by presenting images, graphics, or videos dynamically, capturing visitor attention and forming positive first impressions. Highlighting featured content: spotlight featured content like products, promotions, or announcements, boosting user interaction and engagement by cycling through slides. Seasonal themes: showcase holiday-themed content like special offers, decorations, or products, creating a fFew readersHow to customize Product finder block in Website Builder
A Product Finder is not just an added feature on an e-commerce website; it serves as a critical tool that addresses several key aspects of the online shopping experience: Facilitating Product Discovery: It guides customers through an expansive collection, leading them directly to the items they need or might interest them, especially when they are not sure what exactly they are looking for. Saving Time: By offering a streamlined search process, the Product Finder Block significaFew readersHow to customize Discount code block in Website Builder
The Discount Code Block is a pivotal feature designed to enhance the shopping experience by presenting all applicable discount codes to your customers. This allows them to see at a glance the savings opportunities they can take advantage of during the checkout process.Few readersHow to customize Product Reviews block in Website Builder
The Product Reviews block in Website Builder is a feature that allows you to showcase your customers' reviews of your products. Product reviews can significantly influence the purchasing decisions of your visitors, continuously driving conversions and sales for your business. Let's learn how to add and customize the Product Reviews block on your website. In this article A. Add a Product Reviews block B. Customize the content tab of Product ReviewFew readers