How Do I Use the Call to Action Element in SoCast?

How Do I Use the Call to Action Element in SoCast?

How Do I Use the Call to Action Element in SoCast?

Info

This Article Is For:

  • All users with access to pages, blogs, contests, and sidebars
  • Applicable to all themes

The Call to Action (CTA) element is a widget designed to capture your visitors' attention and drive engagement. Follow the steps below to configure the CTA element for your SoCast website.

General Settings

  1. Heading: Enter the main headline text for your CTA.
  2. Subheading: Enter the supporting subheading text.
  3. Text Alignment: Choose how the text is aligned within the CTA block. Options: Left, Right, Center, or Justify.
  4. Shape: Select the shape of the CTA. Options: Square, Rounded, or Round.
  5. Style: Choose the display style for your CTA. Options: Classic, Flat, Outline, 3D, or Custom.
  6. Color: Select a color scheme using the drop-down menu.
  7. Text: Enter your promotional text in the text box. You can also add media.
  8. Width: Set the width of the CTA as a percentage (50%–100%).
  9. Add Button? Choose whether to add a button to your CTA and its position. Options: No, Top, Bottom, Left, or Right.
  10. Add Icon? Choose whether to add an icon to your CTA and its position. Options: No, Top, Bottom, Left, or Right.
  11. Element ID: Enter a unique and valid element ID according to W3C specifications.
  12. Extra Class Name: Add a custom class name if you want to style this element differently using custom CSS.
Call to Action Example

Button Settings

  1. Text: Enter the text that will appear on your button.
  2. Select URL: Click 'Select URL' to link your button to a web address. Fill in the pop-up details.
  3. Title: This displays the link text you entered in the pop-up window.
  4. URL: This displays the URL the button will link to.
  5. Style: Choose the button's display style. Options: Modern, Classic, Flat, Outline, 3D, Custom, Outline Custom, Gradient, or Gradient Custom.
  6. Shape: Select the button shape. Options: Rounded, Square, or Round.
  7. Color: Select the button color using the drop-down menu.
  8. Size: Choose the button size. Options: Mini, Small, Normal, or Large.
  9. Alignment: Set the button alignment. Options: Inline, Right, Left, or Center.
  10. Add Icon: Add an icon to your button if desired.
  11. Element ID: Enter a unique and valid element ID according to W3C specifications.
  12. Extra Class Name: Add a custom class name for additional CSS styling.
  13. Advanced On Click Action: Insert inline JavaScript for advanced on-click actions.
Button Settings Example

By following these steps, you can create an effective Call to Action element to engage your audience and drive results on your SoCast-powered website.

    • Related Articles

    • How Do I Use the Hover Box Element in SoCast?

      How Do I Use the Hover Box Element in SoCast? Who Is This Article For? All users with access to pages, blogs, contests, and sidebars Applicable to all themes Important Notes Do not place critical information in the hover box element, as hover states ...

    • How Do I Use the Button Element in SoCast?

      How Do I Use the Button Element in SoCast? Who Is This Article For? All users with access to pages, blogs, contests, or sidebars Applicable to all themes This article provides step-by-step instructions for configuring the Button element in SoCast. ...

    • What Are Elements in SoCast and How Can I Use Them on My Website?

      What Are Elements in SoCast and How Can I Use Them on My Website? An Element is a small, functional block that you can add to your website to enhance its design and structure. Elements are easy to use and can be dragged and dropped into pages, ...

    • How Do I Make an Events Page Look Uniform Using the Display Events Element in SoCast Engage?

      To make your events page look more uniform and organized in SoCast Engage, use the Display Events element. This element is designed to showcase a list of upcoming events in a clean, structured format with customizable layouts, pagination, title ...

    • How Do I Embed a Podcast Player in the Sidebar Using SoCast Engage?

      Log in to SoCast Engage. Navigate to Website > Website Structure > Sidebars. Click Edit on the sidebar where you want to add the podcast player (e.g., Music Template Sidebar). In the WPBakery Page Builder, scroll to the bottom and click the (+) sign ...