If you host your virtual events on Cvent or use Cvent for in-person event registration, you can easily add Pigeonhole Live to your virtual or in-person events to increase audience engagement and interactivity.
This integration supports all interactive features on Pigeonhole Live including Q&A, Chat, Polls, Quizzes, Assessments, and Surveys. Pigeonhole Live’s integration with Cvent offers an Embed code or HTML option. Integration with Cvent works best using a Captivate or Enterprise (Events) Pigeonhole, otherwise you may encounter attendee tracking problems.
Embed code with data tag option
This is the default embed option, and works for customers on the Captivate Plan. Attendees will automatically have their details populated in Pigeonhole Live, and you'll be able to track engagement accurately based on the Cvent Registrant ID. This requires enabling several options on Pigeonhole Live to make use of Registrant Profiles and Attendee Codes. See Enabling Attendee and Registrant Profile creation via embed
Setting up this integration involves generating the embed code from the dashboard and modifying it with Cvent data tags before adding it through the Code widget on the Cvent website builder page.
The Cvent data tags used are:
- Name: "{[C-FULLNAME]}",
- Email: "{[C-EMAIL]}",
Generating the Embed Code
To generate the embed code:
- Go to your Dashboard > Pigeonhole > More Settings > Integrations and scroll down to Embed Audience Web App and click Integrate.
- Select the settings you require. Learn more about Embed settings
- Click Get embed code when done
A modal will appear showing you the generated Embed code. Copy the respective codes shown. You will next need to modify the embed codes.
Here is an example of the generated embed code:
<script type="text/javascript">
(function(p,i,g,e,o,n,s){p[o]=p[o]||function(){(p[o].q=p[o].q||[]).push(arguments)},
n=i.createElement(g),s=i.getElementsByTagName(g)[0];n.async=1;n.src=e;
s.parentNode.insertBefore(n,s);})
(window,document,'script','https://static.pigeonhole.at/widget/pigeon-widget.js','phl');
phl("create", {
width: "320px",
height: "568px",
passcode: "YOURPASSCODE",
className: "pigeonhole-iframe",
sessionId: 0, // 0 here indicates that the widget will load the agenda.
current: false,
isEmbed: true,
keepWithinScope: true,
disableBackButton: true,
disableExitButton: true,
hideReactions: true,
/*
profile: {
Name: "John Doe",
Email: "johndoe@email.com",
}
*/
});
</script>
You must then modify the embed code sections (in red above) with Cvent Data Tags as follows:
- Append -{[C-EMAIL]} after your passcode. E.g. "YOURPASSCODE-{[C-EMAIL]}"
- Update the profile values:
- Name: "{[C-FULLNAME]}",
- Email: "{[C-EMAIL]}",
- Remove the comments
Here is a sample of what the modified embed code will look like:
<body>
<div class="pigeonhole-iframe"></div>
<script type="text/javascript">
(function(p,i,g,e,o,n,s){p[o]=p[o]||function(){(p[o].q=p[o].q||[]).push(arguments)},
n=i.createElement(g),s=i.getElementsByTagName(g)[0];n.async=1;n.src=e;
s.parentNode.insertBefore(n,s);})
(window,document,'script','https://static.pigeonhole.at/widget/pigeon-widget.js','phl');
phl("create", {
width: "320px",
height: "568px",
passcode: "YOURPASSCODE-{[C-EMAIL]}",
className: "pigeonhole-iframe",
sessionId: 6760677,
current: false,
isEmbed: true,
keepWithinScope: true,
disableBackButton: true,
disableExitButton: true,
hideReactions: false,
profile: {
Name: "{[C-FULLNAME]}",
Email: "{[C-EMAIL]}",
}
});
</script>
</body>
Note: Data tags needs to be enclosed with quotes
You will then need to paste the modified embed code into the Cvent website builder's code page element. To do so:
- Login to your Cvent dashboard and go to Website and click on Open Site Designer.
- Scroll down your sidebar with the Page Elements and select and drag the code widget to the desired section of your website where you wish the Audience Web App to appear.
- Paste the modified embed code into the code block input and click on Apply changes
Your Audience Web App is now embedded into your Cvent website.
HTML Iframe with data tag option
The HTML code method involves adding HTML code with Cvent data tags to the code widget on the Cvent website builder page.
The Cvent Data Tags to be used are:
- Email → {[C-EMAIL]}
- Full name → {[C-FULLNAME]}
Here is an example of the HTML code with the Cvent data tags:
<body>
<iframe src="https://pigeonhole.at/YOURPASSCODE-{[C-EMAIL]}/q/6587015?phName={[C-FULLNAME]}&phEmail={[C-EMAIL]}&hideReactions=false" width=100% height=600px>
</body>
Enabling Attendee and Registrant Profile creation via embed
You will need to enable the Attendee and Registrant Profile creation via embed settings for your attendees to:
- Automatically have profiles created when they load the embedded Audience Web App and
- Have unique tracking of each attendee and their interactions.
To enable these settings:
- Go to your Pigeonhole > More Settings > Atttendees
-
Under the Profile Information section, enable the settings Allow attendees to create profiles and Allow creating attendee profiles through embed and click Save
- Then, go to Registrant Profile Settings by clicking on the drop-down next to the Add a registrant button and select Settings.
-
Enable the setting Allow adding new Registrant Profiles through embed and disable all other settings. Click Save