Add Checkout Page to Landingi

In this help article, you will learn how to add Checkout Page to your Landingi landing page.

With Checkout Page, it is easy to create a one page checkout and add it to your site in different ways.

Here are the instructions for Landingi.

Add a Buy button

1. Open the Landing Page Editor on Landingi and edit your page
2. Drag the Button block onto your page layout
3. From the right-hand menu, click on the Click Action dropdown and select Redirect
4. Go to your Checkout Page dashboard and open the checkout you’d like to link to
5. Click Add to site and copy the Payment link
6. Back on Landingi, paste this link under Redirect

7. Edit the Label to change the button text 8. Save and Publish to test the link

Add a pop-up checkout

1. Go to Landing Pages tab on Landingi and click on your landing page
2. From your landing page dashboard, go to JavaScript Code and Add a new script
3. Go to Checkout Page, open the checkout you’d like to link to and click Add to site
4. Select the Pop up tab and copy the Script code
5. Paste this code into the code box on Landingi and save while choosing Head as the Position

6. Now edit your landing page 7. Drag the Button block onto your page layout and click on it 8. From the button menu on the right side of the page, select Redirect as the Action under Click Action 9. Return to Checkout Page to copy the Payment link 10. Paste this link into the URL field under Click Action

![image-8071.png](/img/cms/help/image-8071.png)

1. Scroll to the bottom of the Button menu on the right side and type cp-button under Classes ^

![image-bc1d.png](/img/cms/help/image-bc1d.png)

1. Save changes and Publish your page to test the pop-up

Embed your checkout

1. Open the Landing Page Editor on Landingi and edit your page
2. Drag the HTML block onto your page layout
3. From the right-hand menu, click on Edit HTML
4. Go to your Checkout Page dashboard, open the checkout you’d like to link to and click Add to site
5. Copy the Embed code under the Custom website section from the Embed tab
6. Back on Landingi, paste this code into the HTML box and Save & close
7. From the HTML element menu, click on Change layer and Move to top to make sure your element is visible

8. Publish your site to test your new embed

That’s it, now your one page checkout has been added to your Landingi page!