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.

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?