Civil Space


 

Civil Space and CivicEngage 5 HTML Widget Integration

Overview

This article will show you how to obtain an embed code from your Civil Space engagement so that you can embed a call to action and updated information into your site.

 

Instructions

  1. Log in to your instance of Civil Space.
  2. Navigate to the Project and Engagement in Civil Space that you wish to generate an HTML widget for.
    Civil_Space_Project.png
  3. Ensure that the engagement has been saved with a status of Active and marked Publicly Visible.
    active_and_publicly_visible.png
  4. Click Save and the page will refresh.
    save.png
  5. Click Copy Code to Clipboard.
    copy_code_to_clipboard.png
  6. Log in to your CivicEngage 5 site and navigate to the page you wish to embed the widget on.
  7. Turn on Live Edit
    live_edit_is_on.png
  8. Select the Widgets tab on your toolbar
    widgets_tab.png
  9. Drag and drop the Custom HTML widget onto the page
    Custom_HTML.png
  10. Paste the code copied from Civil Space in the text box
    paste_code.png
  11. Click Done
    done.png
  12. Click Save at the top of the page
    save.png

Note: You may not be able to see the product of your code in live edit. You may have to turn live edit off before being able to see what a user will see.




I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow

Article Feedback


Powered by Zendesk