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?

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. Use these settings to customize buttons for your website, blog, contest, or sidebar.

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 W3C 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 Add a Row Element in SoCast Engage?

      How Do I Add a Row Element in SoCast Engage? This Article Is For: All users who have access to pages, blogs, contests, or sidebars Applicable to all themes Note: A row can be inserted into a parent row or column. Step-by-Step Guide Click the blue Add ...
    • How Do I Use the Call to Action Element in SoCast?

      How Do I Use the Call to Action Element in SoCast? 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 ...
    • 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 Broadcast History Element in SoCast?

      How Do I Use the Broadcast History Element in SoCast? This Article Is For: All users with access to pages, blogs, contests, and sidebars Applicable to all themes Features: Displays high-quality iTunes thumbnail images Listeners can filter by date or ...
    • How Do I Use the Search Bar Element in SoCast?

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