--- title: "Add the full-page checkout experience to your website and social pages" slug: "add-the-full-page-checkout-experience-to-your-website-and-social-pages" updated: 2026-06-16T19:21:02Z published: 2026-06-16T19:21:02Z canonical: "mysupport.roller.software/add-the-full-page-checkout-experience-to-your-website-and-social-pages" --- > ## Documentation Index > Fetch the complete documentation index at: https://mysupport.roller.software/llms.txt > Use this file to discover all available pages before exploring further. # Add the full-page checkout experience to your website and social pages Drive traffic to your checkout from social media and marketing campaigns with a direct link to your full-page checkout experience. For the full-page experience, you simply add a direct link to the checkout from your website or social media sites. Guests click your **Book now** buttons to launch a full-screen standalone experience. This guide walks through how to add this checkout experience to your website and social pages. > [!NOTE] > We recommend using the overlay experience on your webpages, as you get more functionality and customization options. But, if you choose not to use this experience, then you can configure a direct web link. ## Add a direct link to your website or social pages > [!WARNING] > Speak to a web developer if you're not sure how to add a direct link from your webpages to the checkout. To add a direct link to your checkout from your website, social media pages or marketing campaigns, follow the steps below. 1. From Venue Manager, go to **Apps** > **Progressive checkouts** > **All Checkouts**. 2. Select the checkout you want. 3. Select **Share** in the top right of the checkout setup page. 4. Select the direct link to copy the URL. 5. Add the link to your website or social **Book Now** buttons. > [!NOTE] > By default your online checkout runs on roller.app. If you want to set up a custom domain (your own web address) for your checkout, read the guide [Set up a custom domain for your checkout](/v1/docs/set-up-a-custom-domain-for-your-online-checkout). ## Add a direct link that opens at a specific section of your checkout If you'd like to direct your guests to a specific section of your checkout, follow the steps below to add a direct link to that section from your website, social media pages or marketing campaigns. 1. From Venue Manager, go to **Apps** > **Progressive checkouts** > **All Checkouts**. 2. Select the checkout you want. 3. Select **View checkout** in the top right of the checkout setup page to open your online checkout. 4. From your online checkout, select **Products** from the menu at the top of the page. ![2024-05-03_08-49-26.png](https://cdn.us.document360.io/23700755-951c-4b69-8afe-ec8b33c6c689/Images/Documentation/9663971362703.png) 5. Then, take note of the URL. ![2024-05-03_08-50-23.png](https://cdn.us.document360.io/23700755-951c-4b69-8afe-ec8b33c6c689/Images/Documentation/9663971366927.png) 6. To the end of the URL, add the following: **?section=section name**. Replace **section name** with the name of the section you'd like to direct guests to. This must match the name of the section in the checkout, including any spaces between words. ![2024-03-20_09-35-58.png](https://cdn.us.document360.io/23700755-951c-4b69-8afe-ec8b33c6c689/Images/Documentation/9663971367567.png) 7. Hit **Enter** on your keyboard (or **Return** on a Mac). 8. Copy this new URL and add it to your website or social **Book now** buttons. ## Translate your checkout The default language for all checkouts is English. If you'd like to share your checkout in a language other than English, you can manually edit the direct link. Follow the steps below. 1. From Venue Manager, go to **Apps** > **Progressive checkouts** > **All Checkouts**. 2. Select the checkout you want. 3. Select **Share** in the top right of the checkout setup page. 4. Select the **direct link** to copy the checkout URL and paste it into your browser. 5. Replace the **/en/** in the URL with your chosen language (eg **/fr/** or **/de/**). 6. Add the modified link to your website or social **Book Now** buttons. > [!NOTE] > Our list of supported languages include: Welsh (cy), Danish (da), German (de), English—US (en-us), Spanish (es), Finish (fi), French (fr), Norwegian (nb), Dutch (nl) and Swedish (sv). ![2024-05-03_09-14-47.png](https://cdn.us.document360.io/23700755-951c-4b69-8afe-ec8b33c6c689/Images/Documentation/9663927991183.png) Take a look at the videos on our [Academy](https://academy.roller.software/progressive-checkouts/full-page-or-overlay-experience) to learn more about how to prepare for, create and share your online checkout. > [!WARNING] > This article relates to ROLLER’s progressive checkout. If you want to add a legacy checkout to your website or social pages, refer to the guide [Add your checkout to your website](/v1/docs/add-your-checkout-to-your-website-legacy). To use progressive checkouts, your venue must be using [ROLLER Payments](https://www.roller.software/features/payment-processing-software/?_gl=1*gb82ux*_ga*MTU0NDU2NTgxNy4xNzAwNDM2ODg3*_ga_QFK5BRXC35*MTcwNjE1MTk3NC4xMTIuMS4xNzA2MTUzNjcyLjI0LjAuMA..). ## Related - [Create dedicated language waiver kiosks](/create-dedicated-language-waiver-kiosks.md) - [Set up a custom domain for your online checkout](/set-up-a-custom-domain-for-your-online-checkout.md) - [Welcome to progressive checkouts](/welcome-to-progressive-checkouts.md) - [Share your online checkout](/share-your-online-checkout.md) - [Add the overlay checkout experience to your website](/add-the-overlay-checkout-experience-to-your-website.md)