# 08-Single CTA With GIF Mockup {% embed url="" %} {% hint style="info" %} **EXPERIENCE IT:** [Head over to the demo page](https://powerupkit.thinkific.com/pages/pricing) and see this super power in action {% endhint %} ### How to use this super power #### 1) Add the Pricing Sections to the page * [ ] Make sure you have the **Sections Kit** installed into your site * [ ] On a site page, add (or copy) the **Base kit Section** that is included with all of our Kit PowerUps. The Base Kit section contains the style choices that will be used on this page for all other Kit sections. * [ ] Add a section and search for **"Kit: Pricing (08)"** and add it to your page #### 2) Update the headings settings * [ ] Open the **headings settings group** and add the text you would like to use. There is is text for the heading over the price, the price and the accent text next to the box. #### 3) Update the button settings * [ ] Open the **Button settings group** and configure the style, text and link that the button will use. #### 4) Update the image * [ ] We have included a [free Canva mockup](https://www.canva.com/design/DAEs6i1T5KU/g7ZmiT-AcQvKEkkxA9mOKw/view?utm_content=DAEs6i1T5KU\&utm_campaign=designshare\&utm_medium=link\&utm_source=sharebutton\&mode=preview) for the image that is used for this section. You can use this template or provide an image of you own. Be sure to read our [Using Canva Templates guide](/kit-usage-guides/media/canva-templates.md) * [ ] One of the mockups also allows you to use a GIF over one of the mockups to create some movement and capture your readers attention. Be sure to check out [media guide on using GIF's](/kit-usage-guides/media.md) #### 4) Choose the styles you would like to use * [ ] Update the styles and colors that will be used for the **text, background and button setting groups**. Be sure to [check the guide](/kit-powerups/kit-common-sections/base-kit.md) on how to use named colors, custom fonts and more. {% hint style="success" %} **🔥PRO TIP:** This section great to use as an "introducing..." section or at the bottom of your sales page. It quickly communicates value to your reader with the eye catching mockup image and also as a simple large single call to action with accent text pointing to it. {% endhint %} --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs-kit.superpowerups.com/kit-powerups/sections-kit/pricing-sections/08-single-cta-with-gif-mockup.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.