Integration of E-Commerce Print

  • 0

What E-commerce features does a website builder have? 

  1. Different customer experience:
    • 1-click-purchase;
    • Catalog with Inquiry form;
    • Full E-commerce with Cart.
  2. Product Management:
    • Products (images, SKU, price, etc.);
    • Categories (for menu and filters);
    • Item Types (e.g. phones, monitors, etc.);
    • Product variations (e.g. colours);
    • Different listing options;
    • Different filters.
  3. Store Management:
    • Order management;
    • Currencies and formats;
    • Automatic invoice system;
    • Shipping and delivery options;
    • Stock management (Qty);
    • Customisable tax system (neto/bruto prices).
  4. 40+ payment gateways;
  5. E-commerce Templates:
    • Ready Templates;
    • Designing from scratch;
    • Easy integration to any template.
  6. Aditional features:
    • Terms and conditions;
    • Multiple languages;
    • SEO (including microdata).

How to add a store?

You can create differrent type online stores.

To create full e-commerce with cart:

  1. Drag and drop "Commerce" from main toolbar;
  2. Choose shopping cart composition;
  3. Select "Payment Gateways" in right toolbar;
  4. Enable required payment gateways and click "Apply";
  5. Drag and drop "Commerce" from main toolbar;
  6. Choose store composition;
  7. Select "Edit products" in right toolbar;
  8. Edit your products and click "Apply".

How to add default sorting for products?

  1. Select store and select "Filter" in right toolbar.
  2. Select from dropdown list "Default product sorting" for your products.

How to remove product sorting?

  1. Select products element and select "Listing" in right toolbar;
  2. Deselect "Show sorting dropdown".

How to use "Bank Transfer"? 

  1. Adding Bank Transfer with store module:
    • Drag & drop "Commerce" from main toolbar;
    • Choose shopping cart composition;
    • Select "Payment Gateways" in right toolbar;
    • Click Bank Transfer to add to payment gateways.
  2. Customising Bank Transfer with store module:
    • Write information to display when order is placed;
    • Click "Apply";
    • Select "Contact Form"  in right toolbar;
    • Select "E-mail settings" and write "Form will be sent to this E-mail" and "Form will be sent from this E-mail".
      Write email subject, form sent message and maximum size of attachments.

How to add free shipping to some orders?

  1. Drag & drop "Commerce" from main toolbar;
  2. Choose Commerce composition;
  3. Select "Store Cart" and select "Shipping Methods" in right toolbar;
  4. Select "Add item";
  5. Write "Item Name";
  6. Select "Destination Zone" from dropdown list;
  7. Select type "By subtotal" or "By weight";
  8. Select "Add Range";
  9. Write range value and add price;
  10. Select to add additional range;
  11. Write range value and set price to 0;
  12. Write "Estimated Delivery Times (days).

How to track your orders?

  1. Select your store element and click "Check orders" in right toolbar;
  2. Select "Filter" dropdown menu to see particular type of order;
  3. See how to change order status below.

How to add discount for your products?

  1. Select store and in right toolbar click "Edit products";
  2. In "Discount (%)" field write the percentage of discount;
  3. "Discounted Price" field appears and shows current product price.
  4. If you have variants and want to add different discounts for variants:
    • Select store and in right toolbar click "Edit products";
    • Select variants at the top of window;
    • Add discounts to every different variant.

 

How to create API key?

  1. Select store and in right toolbar click "Invoices";
  2. Select "API Keys" at top of the window;
  3. Click "Add item" to create a new API key;
  4. Write "Name" for your key and select "Enable";
  5. Click "Show API documentation" to see base URL.

How to add a payment gateway to your online store/shop?

  • Go to Page structure on the right side of your website builder;
  • Сlick on the "Shopping Cart";
  • In right toolbar select "Payment Gateways";
  • Select payment gateway and select "Enabled" on top of window;
  • Fill in the payment information and click "Apply".

How to use "Cash on Delivery"? 

  1. Adding Cash on Delivery with store module:
    • Drag & drop "Commerce" from main toolbar;
    • Choose shopping cart composition;
    • Select "Payment Gateways" in right toolbar;
    • Select Cash on Delivery and click "Enabled" at top of window to add to payment gateways;
    • Write Cash on Delivery message that you want your clients to see;
    • Click "Apply" to save the progress.
  2. Customising Cash on Delivery with store module:
    • Send order confirmation:
      Select store cart and in right toolbar select "Contact Form" .
      Select e-mail settings and write "Form will be sent to this E-mail" and Form will be sent from this E-mail".

How to integrate "PayPal"? 

  1. Adding PayPal as single-order button:
    • Drag & drop "Commerce" from main toolbar;
    • Choose PayPal composition;
    • Write "Email address to receive payments" in right toolbar.
    • Customising a single-order button:
      • Item description:
        Write "Item Name" in right toolbar.
      • Price:
        Write product price and currency in right toolbar.
      • Size:
        Set element size or "Allow to adjust size automatically" in right toolbar.
      • Shipping:
        Write "Shipping (Price)" in right toolbar.
  2. Adding PayPal with store module:
    • Drag & drop "Commerce" from main toolbar;
    • Choose shopping cart composition;
    • Select "Payment Gateways" in right toolbar;
    • Select PayPal and click "Enabled" on top of window to add to payment gateways;
    • Write PayPal "Email address to receive payments" to connect payment gateway to your PayPal account.
    • Customising Paypal with store module:
      • Style:
        Select Style tab to customise Paypal button.
  3. Adding Paypal test mode:
    • Select Paypal "Test mode" in your payment gateways / on right toolbar;
    • Read Paypal how to turn on test mode.

How to integrate "Stripe"? 

  1. Adding Stripe as single-order button:
    • Drag & drop "Commerce" from main toolbar;
    • Choose Stripe composition;
    • Write "API Key" and "Secret Key" in right toolbar.
    • Customising a single-order button:
      • Item description:
        Write "Item Name" and "Product description" in right toolbar.
      • Price:
        Write product price and currency in right toolbar.
      • Size:
        Set element size or "Allow to adjust size automatically" in right toolbar.
  2. Adding Stripe with store module:
    • Drag & drop "Commerce" from main toolbar;
    • Choose shopping cart composition;
    • Select "Payment Gateways" in right toolbar;
    • Select Stripe and click "Enabled" on top of window to add to payment gateways;
    • Write Stripe "Publishable Key" and "Secret Key" and "Webhook Secret" to connect payment gateway to your Stripe account.
    • Login to your Stripe account, Select "Developers" and see "API keys" and "Webhooks".
      Click Stripe  to get webhook endpoint URL, write it in Stripe. Add event type "checkout.session.completed" for webhook endpoint.Customising Stripe:
      • Style:
        Select Style tab to customise Stripe button.

How to integrate "Expresspay"? 

  1. Adding Expresspay as single-order button:
    • Drag & drop "Commerce" from main toolbar;
    • Choose Expresspay composition;
    • Write "Номер услуги" and "Ключ API" in right toolbar.
    • Customising a single-order button:
      • Item description:
        Write "Секретное слово" in right toolbar.
      • Price:
        Write product price and currency in right toolbar.
      • Size:
        Set element size or "Allow to adjust size automatically" in right toolbar.
      • Select from dropdown list "Способ оплаты" in right toolbar.
  2. Adding Expresspay with store module:
    • Drag & drop "Commerce" from main toolbar;
    • Choose shopping cart composition;
    • Select "Payment Gateways" in right toolbar;
    • Select Expresspay and click "Enabled" on top of window to add to payment gateways;
    • Write Expresspay "Номер услуги", "Ключ API" and "Секретное слово" to connect payment gateway to your Expresspay account.
    • Customising Expresspay with store module:
      • Style:
        Select Style tab to customise Expresspay button;
  3. Adding Expresspay test mode:
    • Select Expresspay "Test mode" in your payment gateways / right toolbar;
    • Read more about Expresspay test mode and how to turn on test mode.

How to change your order status?

  1. Select your store and click "Check orders" in right toolbar;
  2. Click "Details" to see order details;
  3. Click  next to "Status";
  4. Choose order status from dropdown menu.

How to integrate "Ecwid"? 

  1. Adding Ecwid:
    • Drag & drop "Commerce" from main toolbar;
    • Choose Ecwid composition;
  2. Connecting Ecwid:
    • New store:
      • Select to "Create store" in left toolbar;
      • Write your email address and click "Create";
    • Existing account:
      • Select to "Connect existing account" in right toolbar;
      • Write "Store ID" and click "Link"
    • To set up the Ecwid online store see instructions;
    • Close panel to save progress;
    • Select "Widget type" and choose type how your store will look;
    • Size:
      Set element size or "Allow to adjust size automatically" in right toolbar.

How to integrate "2Checkout"? 

  1. Adding 2Checkout as single-order button:
    • Drag & drop "Commerce" from main toolbar;
    • Choose 2Checkout composition;
    • Write "SID" in right toolbar.
    • Customising a single-order button:
      • Item description:
        Write Item Name in right toolbar.
      • Price:
        Write product price and currency in right toolbar.
      • Size:
        Set element size or "Allow to adjust size automatically" in right toolbar.
  2. Adding 2Checkout with store module:
    • Drag & drop "Commerce" from main toolbar;
    • Choose shopping cart composition;
    • Select "Payment Gateways" in right toolbar;
    • Select 2Checkout and click "Enabled" on top of window to add to payment gateways;
    • Write 2Checkout "SID" and "Secret word" to connect payment gateway to your 2Checkout account.
    • Customising 2Checkout with store module:
      • Style:
        Select Style tab to customise 2Checkout button.
  3. Adding test mode:
    • Select 2Checkout Test mode in your payment gateways / right toolbar;
    • Read 2Checkout how to turn on test mode.

Store buttons appear in a different language on published website

Sometimes there can be an issue that after publishing website some built-in words/buttons of Store or Store Cart modules appear in a different language as opposed to desired.

The language of such words/buttons depend on a language of a website, whereas the language of a website depends on these factors:

  • when using Languages module and having multiple languages on the website, the website is considered multilingual. In this case all Store words/buttons will be translated to a chosen language in Languages selector ("flags" or "dropdown") by a customer on published website;
  • when using no Languages module, then the language of currently opened website builder is taken for published website. For example, if the website is built as a Spanish website (have all entered words and texts in Spanish), but using builder in French, then all Store words/buttons will be translated to French rather than Spanish.

How to add "Terms and Conditions" checkbox?

Сlick on "StoreCart" in Page structure section in the right toolbar;

In the right toolbar in Settings section press tick to "Require customer to agree to terms and conditions";

A text box appear, write required terms and conditions.

How to add tax rules?

  1. Click “Store cart” and in the right toolbar press “Tax Rules”;
  2. Click "Add item";
  3. Write "Item Name" and click “Add rate”;
  4. Click "Destination zone"  icon:
    • Click “Add item”;
    • Write "Item Name";
    • Choose "Countries" in dropdown menu;
      You can add one or more country.
    • Click “Apply”.
  5. Select country / region in your created “Destination zone” dropdown list and write tax rate;
  6. Add additional tax rules by pressing “Add item”;
  7. Click “Apply”.

Note: If several tax rules used for one country (e.g. 1st tax rule for USA is 15%, and 2nd tax rule for USA is 7%) - it will be added together in billing (so in this example customer from USA will have to pay 22% tax).

How to receive mail notifications from your online store/shop?

thebuzzr builder Store module supports mail notifications. Mail notifications can be sent both for the merchant and for the customer. There are 2 cases when notifications are sent: when the order is submitted and when the payment for order is received.

In order to configure mail notifications for yourself (merchant) add email address:

  • Сlick on product element in your online store/shop;
  • In the right toolbar select "Store";
  • Click "pencil" icon in contact form block and switch to "E-mail settings" tab;
  • Type your email address in field "Form will be sent to this Email" where you want to receive mail notifications;
  • Switch to the "SMTP" tab to configure SMTP options if it needs to.

Why do I not receive mail notifications even after adding an email address in Store configuration?

Despite the added email address in "Contact Form" block settings there can be cases when mail notifications are not delivered. The usual reason for that is the absence of an SPF record of your website domain. 

How to show the particular products' category on the specific page?

To categorize your products:

  • Select "Store" composition;
  • Select store and click "Edit products" in right toolbar;
  • Select categories for each products;
  • (Optional) Select  icon in Categories (Filter) section to edit categories;
  • Click "Apply".

To show the particular products' category on the specific page:

  • Open page where you want to show products’ category in website builder;
  • Select "Store" and select "Listing" in right toolbar;
  • In the "Category" dropdown list choose what category to show on that page.

How to edit product properties?

  1. Adding products:
    • Select product element in your online store/shop;
    • Click "Edit products" in right toolbar;
    • Click "Add item" to add new product;
      Alternatively, select  next to the product you want to copy.
  2. Editing products:
    • Select "Item Type"  icon;
    • Select "Add item" to create new item type;
    • Write "Item Name";
    • Select to "Add option";
      You can Rename / Delete / Change options.
      Each item type can have several options.
    • Write "Name";
    • (Optional) Choose "Filter" option
      Hide in product details;
      Show in filter;
      Show as (from...to) filter;
    • Select "Type"  icon;
    • Click "Add item" to create more item type options;
    • Write "Item Name";
    • Select "Type" to change item type option type:
      • Without variant (e.g. Text Field, Text Area, etc.);
        You need to fill in the type option yourself.
      • With variants (e.g. Variant (dropdown), Variant (buttons), etc.).
        Your customer needs to select from type options.
    • Select to "Add Option" or "Import (CSV)";
    • Click the "Apply" button after all needed changes.

Earlier Store orders disappeared

All orders are saved in a published website in one of the data files. The only reason for missing orders may be related to file deletion (possibly you deleted website files and then re-published the website).

The older file having all orders may be returned by restoring published website backup from the hosting control panel of the earlier version. After restoring the client should check in the builder if earlier orders appeared. However note that website backup restoring on hosting will restore the whole earlier website version. So to make it up-to-date again just re-publish the website in builder (builder will have up-to-date version). The re-publication will not delete restored orders.

 


Was this answer helpful?

« Back

Powered by WHMCompleteSolution