Embed a poll with JavaScript
Add a poll to any HTML page with two lines of JavaScript. The PHPPoll embed resizes itself, supports light and dark themes and custom accent colors.
The JavaScript embed is the easiest and most flexible way to show a poll on another page. It works in plain HTML, WordPress, Joomla, Wix, Shopify and any other system that lets you paste HTML.
The code
Copy the code from Embed & share → JavaScript embed:
<div data-phppoll="POLL_ID"></div> <script src="https://www.example.com/poll/embed.js" async></script>
- Paste the
<div>exactly where the poll should appear. - Paste the
<script>line once on the page, usually just before</body>. It activates all poll placeholders on the page.
Several polls on one page
Add one <div data-phppoll="..."> for each poll. The script tag is needed only once.
Options
| Attribute | Values | Effect |
|---|---|---|
data-phppoll | poll ID | Which poll to show (required). |
data-theme | light, dark, auto | Overrides the theme of the poll. |
data-accent | color like #e11d48 | Overrides the accent color. |
<div data-phppoll="abc123" data-theme="dark" data-accent="#e11d48"></div>
Single-tag alternative
If you can add only one tag, use the script with the poll ID. The poll appears right after the script:
<script src="https://www.example.com/poll/embed.js" data-poll="POLL_ID"></script>
How it works
The script creates a responsive iframe that loads the poll from your PHPPoll folder. The poll reports its height to the page, so the frame grows when the results appear – no scrollbars. Because the poll lives in its own frame, your website's CSS cannot break it and it cannot break your site.
The embed uses the Script URL to find embed.js. When the address in the code is wrong, fix it in Settings. See Settings.
No scripts allowed on your page? Use the iframe code.
Last updated