How Do I Use The Button Element In SoCast?

How Do I Use The Button Element In SoCast?

How Do I Use the Button Element in SoCast?

This article provides step-by-step instructions for configuring the Button element in SoCast. Use these settings to customize buttons for your website, blog, contest, or sidebar.

Who Is This Article For?

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

Step-by-Step Guide

  1. Text: Enter the text you want displayed on your button.
  2. Style: Select a button design style. Options include: Modern, Classic, Flat, Outline, 3D, Custom, Outline Custom, Gradient, and Gradient Custom.
  3. Shape: Choose the button shape: Square, Rounded, or Round.
  4. Color: Select a color scheme from the drop-down menu.
  5. Size: Choose the button size: Mini, Small, Normal, or Large.
  6. Alignment: Set the button alignment: Inline, Left, Right, or Center.
  7. Add Icon: Select Yes if you want to add an icon to your button.
  8. Icon Alignment: Choose the icon alignment: Left or Right.
  9. Icon Library: Select the icon set (similar to choosing a style of emoji).
  10. Icon: The available icon options will depend on the icon set you selected.
  11. Element ID: Enter a unique and valid element ID according to HTML specifications.
  12. Extra Class Name: Add a custom class name if you wish to style this button differently using your CSS file.
  13. Advanced On Click Action: Select Yes if you want to insert an inline JavaScript action for the button's click event.

Button Element Example

By following these steps, you can easily customize and add buttons to your SoCast content, helping you engage your audience and drive action on your digital platforms.

    • Related Articles

    • How Do I Use The Section Element To Group Rows In SoCast Engage?

      How Do I Use the Section Element to Group Rows in SoCast Engage? Who Is This For? All users with access to pages, blogs, contests, and sidebars Applicable to all themes Step-by-Step Guide Click the Add Element button. Select the Section element. Use ...
    • 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 Search Bar Element in SoCast?

      How Do I Use the Search Bar Element in SoCast? Who Is This Article For? All users with access to pages, blogs, contests, and sidebars Applicable to all themes Features Frees up navigation space by allowing you to place the search widget in the ...
    • How Do I Use the Tabs Element on My SoCast Website?

      How Do I Use the Tabs Element on My SoCast Website? Who Is This For? All users who have access to pages, blogs, contests, and sidebars Applicable to all themes What Is the Tabs Element? The Tabs element lets you organize content into separate, ...
    • How Do I Use the Call to Action Element in SoCast?

      How Do I Use the Call to Action Element in SoCast? Who Is This For? All users with access to pages, blogs, contests, and sidebars Applicable to all themes Overview The Call to Action (CTA) element is a widget designed to capture your visitors’ ...