After the user completes the initial questions in the polling session, they can respond to additional polling questions. This is accomplished by sending the visitor to a page containing the CivicScience carousel script. By default, the user is taken to a page on the CivicScience site to visit the carousel. However, in some instances, the media partner may wish to host the carousel script and display it on their site. Carousel sites are sometimes referred to as polling hubs.
To create a carousel site, add the parameter data-civicscience-theme="carousel-dark"
to the div
tag. Here's a sample.
<script type="text/javascript" async src="https://get.civicscience.com/jspoll/5/csw-polyfills.js"></script>
<div id="civsci-id-123456789" data-civicscience-Widget="000"
data-civicscience-theme="carousel-dark"
></div>
Download the integration code from the InsightStore, then replace the "000"
value for the data-civicscience-portal
attribute in the example with your carousel target identifier. Replace "123456789"
with your identifier for the div
.
Place the snippet in the HTML code for your page wherever you'd like the carousel to appear.