Cta Section

CTA Section 

Welcome to the “CTA Section” documentation. Looking to integrate cta section into your website? Our block is here to help you make your products stand out. In this guide, we'll show you how to use the editor to customize your cta section.

Step 1 : Open the Editor
Step 2 : Add And Customize Media
Step 3: Configure Your Settings
         Step 4 : Preview



Step 1 : Open the Editor

1. Go to the CTA Section  templates.
2. Click on "Edit" after choosing your template.

class="flex justify-center items-start h-auto w-auto" alt="">



Step 2 : Add And Customize Media


  •  Here in this panel, you can add your media URL source, customize the button label and link.
  • You can adjust the background colors, text color, hover background color, and hover text color.
  • To add new media, simply click the "Add New Media" button.






    • Step 3: Configure Your Settings


     Here, you'll handle the CTA Section settings : 
  • You can adjust the video width, the button grid and gap, as well as the button size and roundness.





    • Step 4: Preview


    Lastly, you can click on “Preview” to see how your CTA Section looks on both desktop and mobile devices. After this, you can proceed to the next step.