How to Add a Featured Tickets Section in the CMS

    ​This article walks you through adding a Featured Ticket section to a Jumbo Lottery Platform (JLP) ClientCMS-built page. This is perfect for spotlighting offers on a VIP page.
    Prerequisites:
    • Access to the JLP clientCMS
    • Permission to create or edit pages

    1. Log into the JLP ClientCMS

    Log into the JLP ClientCMS

    2. Choose the page you want to update

    4a87f1b0-fd3f-475e-b36f-24432e8248d4 (1).webp

    3. Open the page and select create new section

    Open the page and select create new section

    4. Select Featured Tickets section from the list

    Select Featured Tickets section from the list

    5.Add a section name and ID

    Give your new section a clear name and a unique Section ID this helps keep things organised and makes it easy to reference or edit later.

    Start by adding in a Section Name and a Section ID

    6. Select the relevant lottery

    Use the dropdown to choose the lottery you'd like to feature. If there’s only one available, it’ll be selected by default—just confirm it’s the right one

    Select the Lottery- If you only have 1 lottery you will see one option in the drop down- please select the relevant lottery

    7. Choose the product type

    Pick the type of ticket you want to showcase.This ensures the Featured Ticket section displays the right product on the page.

    Select the Product Type

    8. Pick a ticket layout

    Choose how you’d like the tickets to appear on the page. You can go with a Wide Ticket for maximum visibility, or a Compact Ticket to keep things neat and space-efficient.

    Select the layout for the tickets to be displayed on the page.
    Screenshot 2024-12-02 at 2.04.25 PM.png

    9. Select the section sizing

    Select the section sizing

    10. Add optional content

    You can include a short message, heading, or any supporting text here. It will appear above the featured tickets to help introduce or highlight what’s on offer.

    Add content

    11. Click Add ticket

    Select Add Ticket to start adding the tickets you want to feature in this section.

    Click on Add ticket

    12. Choose how the ticket will display

    Select a layout style for how the ticket books will appear on the page. You can choose from:

    • Standard – A clean, text-focused format showing key ticket details.

    • Detailed – Adds extra text and includes an image at the bottom for more context.

    • Image Only – A full-image layout designed for maximum visual impact.

    Select the Layout for the ticket

    13. Configure the Standard layout

    • If you’ve chosen the Standard layout, select the ticket value you want to feature and customise the call-to-action to suit your message.

    For Standard Layout

    14.Configure the Detailed layout

    • If you’ve selected the Detailed layout, choose the ticket value from the dropdown and upload the image you want to display at the bottom of the ticket for a more engaging presentation.

    Select the ticket Value
    Click on 188122957 1944657659017205 8795724865164105689 N (3)…

     

    15. Configure the Image Only layout

    Similar to the other ticket book layouts, select the layout style and choose the ticket value from the dropdown. Then upload the image you want featured for a bold, visual presentation.

    For image only layout

    16. Customise the call-to-action label (CTA label)

    For all ticket book layouts, you’ll have the option to personalise the CTA label. Use this to align the button text with your campaign tone or message.

    Customise the CTA label

    17.Preview your ticket layout

    The Item Layout Preview will display how your selected layout will look for each ticket book. Use it to double-check everything appears as expected before saving.

    The Item Layout preview will show the preview of the 
ticket layout

    18.Save your featured tickets

    Once you’ve added and configured all your ticket books, click Save to apply the changes and update the page with your featured tickets.

    Save the tickets

     

    You’ll need to add each ticket book individually using the steps above. For every featured ticket you want to display on the page, select the appropriate layout and follow the matching setup process—whether it's Standard, Detailed, or Image Only. This gives you full control over how each ticket appears.

    19. Add animations (optional)

    You can enhance the featured ticket section by adding animations. Choose from the three available options to bring more movement and visual interest to the ticket display. To learn more about how these animations look in action, please refer to the 'Enhanced CMS featured tickets section and new display options changelog'

    Add in Animations

    20. Add a background colour and motif (optional)

    To further customise your Featured Tickets section, you can add a background colour and an optional motif. For full details and step-by-step instructions, refer to the article: 'Customise the Featured Tickets Section with a Background Colour and Motif.'

    21. Add in all tickets modal

    When setting up a Featured Tickets section, you also have the option to link to all available ticket options via a modal. Keep in mind, this modal needs to be created in the CMS before you build the Featured Tickets section. To learn more about how to set this up, refer to 'creating a tickets modal'

    22. Preview the page

    Once everything is set up, you can preview the page to see how the Featured Tickets section looks in context. This is a great way to review your layout, content, and design choices before publishing.

    You can now preview the page created with the featured tickets section
    Was this article helpful?
    0 out of 0 found this helpful