Checkout buttons

Table of content

Store visitors can add products to the shopping cart by clicking the Add to Bag button on a product’s details page. After that they can continue shopping, add more items to the cart or proceed to checkout:

Add to Cart buttons

You can offer faster checkout options for your customers such as allowing them to add products to the cart earlier in your catalog and going straight to the cart or adding popular product variants to your customers’ carts.

Displaying Buy Now buttons on the product list

You can display Buy Now buttons on your store front page (and in any categories, if you use them). This way, your customers can quickly add products to the cart right from the product list and keep shopping in your store. This function is useful if you have many regular customers that are familiar with your catalog or in case you don’t have product descriptions.

Buy Now buttons

To show Buy Now buttons in the catalog:

  1. From your Ecwid admin, go to Design.
  2. Scroll down to Product Card details and layout.
  3. For the Buy Now option select Show or Show on hover.
If you already have products listed in your existing website, you can generate Buy Now buttons and place them onto your site.

Forwarding customers to the cart

By default, after adding products to the cart, customers can continue shopping or proceed to checkout.

You can choose to forward your customers straight to the shopping cart as soon as they click the Buy Now or Add to Cart button. This function is useful if your products do not have detailed descriptions or you want to set up a fast shopping experience for your customers for some other reason.

To forward customers to the cart upon Buy Now (or Add to Cart) button click:

  1. From your Ecwid admin, go to the Settings → General, Cart & Checkout tab.
  2. Turn on the Open bag when "Add to bag" is clicked setting.
  3. Save the changes.
You can also generate a shopping cart with products and send the link to the pre-populated cart to a customer with the help of the free Buyable Links app.

Adding products with default options to the cart

If your products have options like colors or sizes and your customers tend to choose the same set of options (say, ice cream with a popular vanilla taste or printings in standard size and frame), you can help them check out quicker. For this, you can mark popular options as default product options and set your store to add the default options to customer’s shopping cart when they click the Buy Now button.

To add products with their default options to the cart once customers click the Buy Now button:

  1. From your Ecwid admin, go to Settings → General, Cart & Checkout tab.
  2. Find the When the “Buy Now” button is clicked for a product with options setting and select the Add the product to cart with default options value for it.
  3. Save the changes.

Styling the buttons

You can customize the look of the buttons in your Ecwid store such as change the buttons’ color and font and more. These changes require modifying your store theme through custom CSS codes. Learn more about adding CSS codes.

For example, to change the color or font of the purchase buttons in your store:

  1. From your Ecwid admin, go to the Design page.
  2. Click Create theme (or Edit theme if you’ve already changed the default store theme).
  3. Add the necessary CSS code to the theme. You can use ready codes from the Buttons section of Ecwid CSS Cookbook or create your own codes.
  4. Save the changes.
You can also re-name the text on buttons in your store, for example, Add to Bag to Add to Cart.
Was this article helpful?

Awesome! Thanks for your feedback!

Sorry about that! We are here to assist you by email or chat.

Contact support
1 out of 5 found this helpful