Buy now widget

Use the Buy now widget to give your customers the opportunity to quickly purchase a product. For example, you can have a review or an article about a product and you can add the Buy now widget after the article. When a customer clicks the Buy now button, one item is added to the cart and the customer is automatically taken to the checkout page.

PREREQUISITES: You have created at least one product and the page where the Checkout widget will be added.

After you have dragged the Buy now widget on your page you must configure it.

  1. To do this, click Edit button in the upper-right corner of the widget.
  2. Choose the product, which can be purchased by the customer when clicking the Buy now button.
    1. Under Choose Product, click Select product.
    2. Select a product from the list and click Done selecting.
  3. Configure the link to the page where the Checkout widget is.
    This can be the same page or a different page.
    1. Under Link to checkout page, click Select a page.
      A list of all pages appears.
    2. Select the page and click Done selecting.
  4. Configure the link to the page where the Product list is.
    The page appears in case the selected product has variations.
    1. Under Link to Product list page, click Select a page.
      A list of all pages appears.
    2. Select the page and click Done selecting.
  5. In Size of thumbnails dropdown box, select the size of the product image that will be displayed in the Buy now widget.
    You use thumbnails instead of actual image sizes in order to speed up the loading of the page. 
    Choose between one of the predefined thumbnail sizes. For more information about defining new sizes, see Thumbnails.

    PREREQUISITES: The library that contains the product images must have generated thumbnails for the size that you have selected. For example, if in the Buy now widget you have selected size of thumbnails 80x80 px, the library that contains the product images must also have generated 80x80 px thumbnails. For more information, see Image libraries » Step 6. If the library does not have the selected size of thumbnails, the system automatically generates 160x160 px image thumbnails for the products.

  6. In Buy Now template, select the template, which is used to display the option on the webpage.
    You can create a custom template by clicking Create new template. You can edit existing templates by selecting them and clicking Edit.
    For more information, see Create and edit widget templates.
  7. When you are finished, click Save.
    The Edit window closes and the Buy now widget is configured.

Want to learn more?

Sign up for our free beginner training. Boost your credentials through advanced courses and certification.
Register for Sitefinity training and certification.

Was this article helpful?