- Navigate to the Campus Events widget builder page
- FIll out the fields as desired. Details about fields can be found on our Localist Widget Guide
- Preview Widget
- Click to Preview Widget, in a new window, of what the widget will look like and to see if the filters chosen are working properly
- This is only an approximation of what it will look like on our sites as the styles might be slightly different.
- Generate Embed Code
- Click to Generate Embed Code.
- Once embed code has been created:
- Copy the contents
- Paste them into a Word document, Google Doc, Text Editor or other place to keep them safe while you proceed with the next steps
- The script should look something like:
<div id="localist-widget-40977576" class="localist-widget"></div><script defer type="text/javascript"
src="https://campusevents.charlotte.edu/widget/combo?schools=uncc&days=31&num=50&experience=inperson&container=localist-widget-40977576&template=modern"></script><div id="lclst_widget_footer"><a style="margin-left:auto;margin-right:auto;display:block;width:81px;margin-top:10px;" title="Widget powered by Localist Event Calendar Software" href="https://www.localist.com?utm_source=widget&utm_campaign=widget_footer&utm_medium=branded%20link"><img src="//d3e1o4bcbhmj8g.cloudfront.net/assets/platforms/default/about/widget_footer.png" alt="Localist Online Calendar Software" style="vertical-align: middle;" width="81" height="23"></a></div>
- Follow steps to create an Embed paragraph on a piece of content
- Paste the embed code generated by Campus Events into the Script field
- Remove everything past the “</script>” tag to remove Localist branding leaving something similar to:
<div id="localist-widget-40977576" class="localist-widget"></div><script defer type="text/javascript"
src="https://campusevents.charlotte.edu/widget/combo?schools=uncc&days=31&num=50&experience=inperson&container=localist-widget-40977576&template=modern"></script>
<div id="lclst_widget_footer"><a style="margin-left:auto;margin-right:auto;display:block;width:81px;margin-top:10px;" title="Widget powered by Localist Event Calendar Software" href="https://www.localist.com?utm_source=widget&utm_campaign=widget_footer&utm_medium=branded%20link"><img src="//d3e1o4bcbhmj8g.cloudfront.net/assets/platforms/default/about/widget_footer.png" alt="Localist Online Calendar Software" style="vertical-align: middle;" width="81" height="23"></a></div>