Stores

Adding a "Buy Now" button to your e-commerce platform provides customers with a quicker, more convenient way to make purchases. By following simple setup instructions and utilizing various customization features, you can enhance the shopping experience on your site, potentially driving up sales. Advantages of the "Buy Now" Button Improved User Experience: The "Buy Now" button streamlines the buying process by allowing customers to skip the cart entirely. For shoppers ready to finalize their purchase, this feature provides a faster, smoother checkout experience. Higher Conversion Rates: By reducing the number of steps needed to complete a purchase, the "Buy Now" button helps lower cart abandonment rates and increase overall conversions. Shoppers who are in a hurry or purchasing a single item will find this option especially helpful. Simplified Checkout: For products frequently purchased one at a time, the "Buy Now" button allows customers to finish their transaction quickly, which is particularly advantageous for high-demand or limited-quantity items. Tailored Design Options: Customizing the appearance of the "Buy Now" button lets you align it with your store’s overall aesthetic. By adjusting its design, you can make it more prominent and appealing to customers. Steps to Activate the "Buy Now" Button Step 1: Access Settings Navigate to the product detail page within your store and select the Product Detail element to open its settings. Step 2: Enable the Feature By default, the "Buy Now" button is disabled. To activate it, toggle the switch as shown in the image below. Step 3: Customize the Button You can modify several aspects of the "Buy Now" button to match your site’s branding: Border Color: Change the color of the button’s border. Text Color: Adjust the text color. Button Color: Modify the button’s background color. Button Text: Personalize the text for both "Add to Cart" and "Buy Now" buttons. How the "Buy Now" Button Works Once active, the "Buy Now" button directs users straight to the checkout page. Here’s what happens: Instant Checkout: When clicked, the button takes the user directly to the checkout page with the selected item set to a quantity of one. The product is also added to the cart. Abandoned Cart Alerts: If a customer abandons their cart, the notification will only include items added via the "Buy Now" button. Post-Purchase: Any other items already in the cart remain unaffected by the transaction made through the "Buy Now" button. By incorporating the "Buy Now" button into your store, you not only simplify the shopping process for your customers but also set your store up for better performance in the fast-paced e-commerce environment.

Product Collections are a powerful tool to help you organize and promote your products, boosting visibility and generating more interest in your brand. By using the Collections List Element, you can showcase your product collections on your website, making it easier for visitors to browse and discover your offerings. This feature enhances the shopping experience for your customers while drawing attention to less popular items within the same category. Adding a Collections List To begin using the Collections List Element, you need to have store features activated on your website. Let’s start by selecting a page on your site to edit. 1. In the Website Editor, click the + button to open the Elements Menu. The Collections List option can be found under the Store category. 2. After adding the element, click on it to open the settings panel on the right. Here, you can customize all the relevant settings for your collections. 3. To select the collections you'd like to display, click the lines icon next to the collection option. A dropdown menu will appear, allowing you to choose from your available collections. 4. If you've uploaded images for your products, they will be displayed with the collection. If no image is provided, the collection name will appear on a default background. 5. You can easily add more collections by clicking the + icon next to any collection you want to include. Adjusting Display Layout By default, the Collections List shows three collections per row on desktop and two on mobile. You can increase the number of displayed collections through the Layout Options, allowing for a maximum of five collections per row on desktop and two on mobile. Finalizing Your Changes Once you're satisfied with your collection setup, click Save to retain the changes or Publish to make the modifications live. Now, you're all set to use the Product Collections feature to improve the shopping experience on your site, making it easier for customers to discover and purchase your products. This tool can help boost interest and streamline the search process, ensuring customers find what they’re looking for.

Managing payments in an online store can be tricky, especially when customers prefer options like cash or bank transfers instead of digital payments. While online transactions are the norm for e-commerce, some buyers may request alternative payment methods, such as paying in cash upon delivery or completing a large order via a bank transfer. Unlike traditional retail stores, there's no physical register to accept these payments, but you can still offer them by setting up Manual Payments in your store. This feature allows you to process payments outside of the usual online checkout system and track them effectively. Enabling Manual Payment Options To start accepting Manual Payments, head over to the Payments section of your store's settings. Navigate to the Integrations tab, then scroll down until you find Manual Payment Methods. Click on Connect to get started.  You'll see two options for configuring Manual Payments: Cash on Delivery and Custom Payment Method. The setup process is the same for both options. Click on +Add to bring up the configuration settings.   Configuring the Manual Payment 1. Payment Name: Choose a name for the payment option that will appear to your customers at checkout. 2. Payment Instructions: Provide any instructions or additional details that customers need when selecting this payment method. 3. Customer Message: Enter a message that will be sent to customers when they complete an order using this payment method. 4. Location Selection: Specify which regions or areas this payment method should be available in.   After filling in the necessary details, click Save to apply your changes. Processing Orders with Manual Payments When a customer places an order using one of the Manual Payment options, you can track and record the payment in the Orders tab under the Payments section. Select View Order to review the specifics of the order.  Initially, the payment will be marked as Pending. Once you receive the payment, click on Collect Payment to record the transaction details. After you mark the payment as received, the order's status will be updated to Paid, and the payment method will be noted. Keep in mind that once you confirm the payment, this action cannot be undone. With this setup, you can now accept alternative payment methods like cash on delivery or even cryptocurrencies, giving your customers more flexibility and improving your overall service. This feature expands your payment options beyond just cards and digital wallets, enhancing convenience for both you and your customers. Note: If the order includes a subscription or recurring product, the Manual Payment option will not be available at checkout.

Managing your e-commerce store is all about keeping information organized and centralized, and your CRM plays a crucial role in that. If you previously managed your store outside of this system or manually tracked your products and inventory, migrating that data may seem overwhelming. Fortunately, this guide will help you streamline the process and import all your products at once. To begin, navigate to the "Products" tab within the "Payments" section, and select the option to Import via CSV. Next, click Download sample CSV. This file will serve as a template for structuring your product information. If you already have a file, ensure it is saved in the CSV format. The system allows you to import the following fields: Inventory Data Shipping Details Product Labels Track Inventory (True/False) Weight (numeric value) Enable Product Label (True/False) Allow Out-of-Stock Purchases (True/False) Weight Unit (kg, g, lb, oz – case-insensitive) Product Label Content Available Quantity (numeric) SKU Dimensions (Length, Width, Height – numeric) Start/End Date and Time (ISO format) Dimension Unit (cm, m, in – case-insensitive) SEO Title and Description Once your file is ready, click Upload and Preview, select your CSV from your device, and then proceed by clicking Upload and Preview. The system will display a preview of your products using the first item in your list. If everything looks good, hit Import Products to proceed. The system will take a moment to process your products, and a notification will pop up to keep you updated on the progress. Once the import is complete, you should see all your products listed individually on the Products page. Congratulations! You’ve successfully imported your product catalog in bulk, eliminating the need to add each product manually.

Your online store serves as a direct link between your customers and the products you offer. It acts as the face of your business, showcasing everything you have for sale. When setting up a store, a Product Display section is automatically created, functioning like virtual shelves where all your items are neatly presented. It includes all the products you've made available by toggling the "Add to Store" option. How to Modify the Product Display  To make changes, simply open the settings panel on the right side. Clicking on "Manage Products" will take you to the product management tab, where you can edit or add new items.  Filter and Sorting Options  You can enhance the shopping experience by enabling filters and sorting features, giving customers more control over their search results. In the Advanced section, filtering can be limited to criteria such as Availability or Price.   Customization Features  The text related to products can be customized using various font options, including Google Fonts for a personal touch. Additionally, you can adjust the Margins, Padding, and Colors of this element to fit your store’s theme. Layout Settings  You have control over how many products appear on each page with the layout settings.  Visibility Control  You can also manage the visibility of this section, making it accessible or hidden on desktop and mobile devices as needed.  This section is crucial for generating sales in your online store, and the ability to personalize it will give you an advantage in showcasing your products, attracting customers, and driving traffic to your site! Important Reminders: If a product is missing, ensure the "Include in Online Store" option is enabled. The default sorting order is by date, from oldest to newest. By default, all products will be displayed without any filters applied.

When setting up your online store, the primary objective is to make it easy for customers to find and purchase products. However, if your website is difficult to navigate or customers struggle to locate what they need, it could lead to frustration and potentially lost sales. To enhance the shopping experience and increase conversions, incorporating a search bar into your store is essential. This tool will simplify product searches, reduce friction, and boost product visibility. Tip: Before proceeding with this guide, make sure your site is configured as an e-commerce store. If it's not set up yet, refer to our guide, "How to Set Up an E-commerce Store," to activate the necessary settings. Adding a Search Bar: Two Methods You can add a search bar to your store in one of two ways: as a standalone element or integrated into your navigation bar. Embedding it in the navigation bar offers a streamlined layout, while using a separate search bar element gives you more customization options. You can also choose to implement both if needed. Integrating into the Navigation Bar To integrate the search bar into your navigation bar, start by selecting or adding a Navigation Bar element to your site. 1. After adding the element, go to the General settings. 2. Scroll down and switch on the option labeled Show Searchbar. The search bar will now appear on the right-hand side of the navigation bar. 3. You can customize the search icon (magnifying glass) by adjusting its color to better fit your site’s design. Adding a Standalone Search Bar If you prefer to have more control over the search bar’s design and functionality, you can add it as a standalone element. Here’s how: 1. Click the plus sign to add an element. 2. Scroll to the Store section, then drag and drop the Search Bar element to the desired location on your page. 3. Once added, you can customize the appearance and behavior of the search bar through the following settings: General: Element Name: Assign a unique name to identify different search bars. Color Options: Modify the background, text, and icon colors to match your site’s theme. Font Options: Adjust the font size, weight, or choose a different font style altogether. Text Options: Customize the placeholder text within the search bar. Advanced: Borders & Corners: Modify the search box's borders and corner styles. You can also customize the appearance of the search results box. Custom Class: Add specific product classes to the search bar for better organization. Visibility Settings: Control whether the search bar is visible on mobile or desktop devices. Important Considerations: Search Suggestions: Results will be based on product names. Search Results: After hitting the search button, users will be directed to a product list page, where search results will reflect matches found in product titles and descriptions. If the search bar element doesn’t appear, ensure that your site is correctly set up as a store. You can refer to our "How to Set Up an E-commerce Store" guide if necessary.

In today's digital age, the internet plays an integral role in our daily lives. From communicating to working, learning, and entertaining, much of what we do happens online—including shopping. Setting up an e-commerce store provides an opportunity to tap into this virtual realm, expanding your business beyond the limitations of physical locations. It allows you to reach customers globally without the cost or risk associated with opening new physical stores. This guide will walk you through the steps to launch your own online store successfully. Starting from the Ground Up To begin, go to the “Stores” section under the “Sites” tab. Click on the "+New" button to start creating your e-commerce website. You can either opt for a blank site or choose from available templates, both of which support integration with e-commerce features. Once you’ve created the site, it will take a few moments to set up all necessary store components, and you’ll be taken into the website builder. Transforming an Existing Website into a Store If you have an existing website that you’d like to convert into an online store, simply go into the website builder, select the desired site, and click "Edit" on any page. Enabling Store Features In the website builder, locate the “Add Elements” section, and select the "Store" option. This will activate e-commerce functionalities on your site, enabling you to sell physical or digital products. Follow the instructions to add the store element, which may take a short while to process. Managing and Listing Products To begin adding products, click on the "Product List" element and select “Manage Products.” You will be directed to the “Payments > Products” tab. From here, you can either add new products or manage existing ones. Be sure to include comprehensive details like product descriptions, pricing, and any available variations. When creating products, make sure to assign them to your online store so they appear correctly on your site. You can also modify the product list layout in the website builder, adjusting options like font style, color, and the number of products shown on each page, which can range from 3 to 24 items. Personalizing Your Store To further enhance your store, you can add additional elements such as buttons or promotional banners. Tailor the appearance of your store to reflect your brand by adjusting font styles, colors, and overall layout. Finalizing Your E-commerce Store Once your products are added and your store’s design is set, go through key pages such as "Product Details," "Cart," "Checkout," and "Thank You" to ensure everything is functioning smoothly. Make necessary adjustments to optimize the user experience for your customers. Don’t forget to click "Save" to retain your changes, and then "Publish" to make your store live. With your store ready, you can now start driving sales and growing your online business! Troubleshooting and Common Questions How can I import products from another platform? If you're using Stripe, products can be imported directly by going to the "Products" section and selecting the import option. What should I do if changes aren't saving? Ensure that you're clicking the "Save" button after making changes. If the problem persists, try clearing your browser’s cache or switching to a different browser. This complete guide will help you on your way to setting up and running a successful e-commerce store!

Online stores offer the advantage of delivering your products directly to customers, bypassing the expenses associated with physical retail spaces. Within your CRM, a dedicated section called "Stores" allows you to manage your online storefronts. This area contains all the websites you’ve created for showcasing and selling your products, as well as options to create new ones. This section provides a list of all your existing stores or websites with store functionalities, arranged for easy access, management, and modification. Organizing and Filtering You can customize how the stores are displayed in the list. For instance, creating new folders by selecting the "New Folder" option helps you organize your pages and reduce clutter. The store listings can be reorganized by either the date they were created (1) or the most recent update (2). If you’re looking for a specific store, you can easily find it by typing its name into the search bar. Available Actions By clicking on the three-dot icon, you can access a menu of actions, which includes the following options: Edit: Opens the store’s editing page. Clone: Creates a copy of the store. Move To Folder: Allows you to organize the store by adding it to a folder. Upload to Templates: Converts the store into a reusable template. Share: Opens a window to copy the link to the store. Delete: Permanently removes the store. Building and Modifying Stores To create a new store, click the +New Store button, where you can choose to start from scratch or use a pre-made template. For detailed guidance on setting up your store, refer to the article "Setting Up an E-commerce Store." To edit an existing store, either click on the store's name or select the "Edit" option from the action menu. From the page view, click "Edit" to access the builder where you can make any necessary changes. Next Steps Now that you’re familiar with the Stores tab, dive into the other articles in this category to explore ways to maximize your e-commerce potential. These stores enable you to drive sales, expand your business globally, and enhance your marketing efforts through direct customer data collection. Taking the time to understand and implement them will be an investment well spent.