Graphic Links


Graphic Links
 





Build a Fancy Button

Who can use this feature?

Engage_-_System_Admin.png Engage_-_Slash.png Engage_-_Owner.png

 

 

Overview

This article will show you how to create a Fancy Button. A fancy button can be responsive to hovering and includes images and text.

Instructions

  1. Navigate to Modules > Content > Graphic Links
    modules_content_graphic_links.png
  2. Select the category you want to add the Fancy Button to
    category_graphic_links.png
    • Note: If you want to add a second set of buttons that are independent of location, create a new category.
  3. Click Add Item
    add_item_fancy_button.png
  4. Select Insert Fancy Button
    CE_GraphicLinks_InsertFancyButton.png
  5. Configure Background (Outer) and Background (Inner) options
    CE_GraphicLinks_BackgroundOuterandInner.png
    • Note: You will want to have enough spaces before the name to ensure that the button is visible and that the name will not appear on the button image.
    • Note: The Hover option is what appears when a user hovers over the button. See our article Create a Reactive Fancy Button to view how to make the Hover option a different image.
  6. Configure Text Style options
    CE_GraphicLinks_TextStyle.png
  7. To complete, click Insert Fancy Button
    insert_fancy_button_button.png
    • Note: After you insert the button, it is still needed to Save or Save and Publish the button.
  8. Configure additional options
    additional_options.png
    • Web Address: Add a link
      • Open in new window: Open the link in a new browser window
    • Display: Add a Starting On (publishing) date and a Stopping On (expiration) date
  9. Select Save or Save and Publish
    CE_GraphicLinks_SaveSaveandPublish.png
    • Save: Saves changes as a draft
    • Save and Publish: Saves changes, publishes to live view



I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow

Article Feedback