Adding a Buy Now Button or widget to an Existing Site

Adding a button, widget or an entire online store to your website is a snap. All you need to do is add a tiny bit of code to your page and your customers will be able to purchase without even leaving your site. Some of the steps vary depending on your platform.

If you are using a hosted version of WordPress, click here to get set up with the Selz plugin  

Once installed, activate the plugin and then click on the Selz button in your visual editor. You can add buttons, widgets or an entire store to pages or posts within your WordPress site simply using this plugin.

Note: If you currently have a free website through, you will not be able to use the following steps due to restrictions on embedded code.


Getting started

As long as your site or blog contains a text, HTML or source tab, you will be able to add one of our buttons/widgets directly just by copying a bit of code.

1. Go to the Buttons & Widgets tab from the main menu within your dashboard. This will display the button and widget editor.


2. Use the options on the left to make your choices about the button or widget's appearance. You can make adjustments to colours, behaviour, size and more within this editor.

3. When you are happy with the look of your button or widget, copy the code to the right.

4. Paste the copied code into your site (paste into the text, HTML or source tab).

5. And you're done! A beautiful button or widget is ready for your customers.

Note: This process looks a bit different on every site. Additional steps for Wix and Squarespace have been included below.


Selling with a Wix site

To add a button or widget to your Wix site, you will need to add a tiny bit of code by following the steps listed above. Once you have customised your button or widget, copy the code from the right-hand side panel and log into your Wix account.

Wix settings

  1. Next, make sure you're signed into your Wix site and are in 'Edit' mode.

  2. In the menu on the left, click on Add (the + symbol), then More > HTML Code.  A box will appear for you to paste your code into.

  3. This is an important step specifically for Wix: be sure to add the <div> tag before your code and </div> after. If you do not add this tag to your code, the widget/button will not be visible.

  4. Once you add the HTML with div tags, your widget will appear and you will just need to drag the edges of the box to accommodate the widget's size. If you are displaying the purchase process in an overlay you will need to account for the size of the overlay window when adjusting the widget size.

4. Publish the page and you're done!

Selling with a Squarespace site

To begin with, you'll need to have your own Squarespace account and have created an item within iZettle. Once you have customised your button or widget, copy the code from the right-hand side panel and log into your Squarespace account.

Squarespace Settings

  • Add a Code content block to your Squarespace page. This will allow you to enter HTML direct into your page.

  • Paste the code and click Apply.

At this stage, you won't be able to see the preview due to Squarespace restrictions on embedded code. Simply sign out of Squarespace to see the Selz button or widget.


Need more help?

If you can't find what you're looking for, please get in touch. Our Support team is on duty 9:00 am - 5:00 pm on weekdays.

Call us on 0203 699 9934