Skip to main content
All CollectionsCustomer GuidesAdditional Guides
How to embed a Sellix Pay button to your website
How to embed a Sellix Pay button to your website

Start accepting payments directly from your own website. Enable customers to place orders seamlessly within your platform.

Stefan avatar
Written by Stefan
Updated over 10 months ago

Integrating Sellix Pay into your website allows you to accept payments directly from within your website. This is an ideal solution if your business has its own platform.

How it works

Once you embed the Sellix Pay button into your website, your customers can initiate and complete their orders without leaving your site. This creates a seamless and integrated checkout process for enhanced user experience.

Embed automatically

You can create your own Sellix Pay button in a few clicks by using our code generator.

  1. Visit your embed page

  2. Click the Generate Code button

  3. Select whether you want to embed a product or a group

  4. Select the product you want to embed

  5. Add custom fields (optional) *

  6. Your Sellix Pay button's Embed code will now be shown

* Custom fields will only be visible on the invoice generated via the Sellix Pay button.

Embed manually

If you prefer managing your Sellix Pay button's code by hand, you can manually write its code according to our Easy Integration page. Here, you can refer to our code examples and use them to build your own Sellix Pay button.

How to embed button on your website

Sellix Pay button requires JavaScript code to work. Therefore, the following code should be included in your website's <head> tag:

<script src="https://cdn.sellix.io/static/js/embed.js"></script>

Referrals

If you are referring another merchant's product on your website, make sure to include your referral ID by adding the following attribute to your Sellix Pay button:

data-sellix-referral="your-referral-id"

This will ensure you earn a commission for each sale you make for your merchant.

Styling the payment window

The default appearance of the Sellix Pay window is set to white. However, you can switch it to its dark theme by enabling the Checkout and Embed Dark Mode in your Design Settings.

Alternatively, you can customize the payment window your way by including and editing the following code to your website:

<link href="https://cdn.sellix.io/static/css/embed.css" rel="stylesheet"/>

Troubleshooting

If your Sellix Pay button is not working yet, please try the following solutions:

  • Make sure the Sellix Pay button's HTML code is correctly formatted

  • Make sure the JavaScript code is included in your website's <head> tag

  • Clear your browser's cookies and cache

If the issue persists, feel free to reach out to our support team. We will be happy to guide you further in setting up the Sellix Pay button on your website! πŸ˜„

Did this answer your question?