Embed a pay button on your website

Looking to put a more permanent "Pay Now" button on your website that links to your Cheddar Up page? Smart idea! Cheddar Up has a snazzy button that you can add easily using our embed code. 


Embed a button that links to your collection page  

To add a "Pay with Cheddar Up" button to your website that links to a collection page, take the following steps: 

    1. Go to the Share step of the collection you want to share. From Share > Website Button, click the "Get Code" button.
    2. This will reveal a small window with the unique embed code for your button. Click the "Copy" button to copy the code.

    3. Next, if you are pretty savvy with code, you can simply insert (or paste) the copied code within your own website code in the place where you'd like the button to appear. Alternatively, you can also send the copied code to your webmaster (or someone who is able to edit your website code).


Embed a button that links to your Group Page  

Want to go one step further and add a "Pay with Cheddar Up" button to your website that links to your one-stop-shop Group Page? That's easy! While we don't have exact embed code for the Group Page on our UI, it's easy to create if you follow these steps: 

    1. Go to the Group Page section within your account and click the "Share" button.
    2. Copy the URL of your Group Page.
    3. Paste your Group Page URL into the code block below by replacing the text "PASTEGROUPPAGEURLHERE":
      <a href="PASTEGROUPPAGEURLHERE" rel="noopener noreferrer" target="_blank" data-reactroot=""><img alt="Pay with Cheddar Up" style="width:auto;height:auto;max-width:218px" width="auto" height="auto" src="https://my.cheddarup.com/static/media/CheddarUpPay.svg"/></a>
    4. Next, copy the entire code block and insert (or paste) the copied code within your own website code in the place where you'd like the button to appear. Alternatively, you can also send the copied code to your webmaster (or someone who is able to edit your website code).