Hostinger AI Builder: Add to bag buttons in manual mode

Add and customize Add to bag buttons in Hostinger AI Builder manual mode.

Updated 2 weeks ago

Add to bag buttons in Hostinger AI Builder manual mode appear by default in single-product sections and on product pages. You can also add them as individual elements and link them to your products.

Add an Add to bag button

  1. Expand the Add elements panel on the left.
  2. Find the Add to bag button.
  3. Drag and drop it anywhere on your page:

Configure the button

Click on a button to see more options (edit, duplicate, hide, delete, resize):

Add to bag button selected in Hostinger Website Builder edit toolbar

Click Edit product to open its settings:

Product

General

Style

Link the button to your product

Rename the button

Change the button style:

  • Button color

  • Text color/font/size

  • Corner radius (button shape)

Your Add to bag button is now linked to your product and styled to match your design.