A widget allows you to embed a simple form on your website so people can submit their entry directly to RandomPicker.
Here is how it looks like:
How to set up the widget:
Go to the Overview page of your project. You can find the Widget button in the section 2: Add, collect and manage entries.
- Activate the widget (check Widget is active). The widget preview appears on the right.
- Define whether people can submit duplicate entries or unique entries only.
- Enter a short instruction for participants.
- You can all up to 5 fields so you can collect up to 5 different details (for example name, email, street, city, country).
- The content of the Terms & conditions field is copied from the projects setting, go to Project edit page to make changes in the text.
- Click on “Refresh preview” to see the final layout.
The widget is ready to deploy now. Copy the small source code on the bottom. It should look like:
<iframe src=”https://www.randompicker.com/Project/Public/Widget.aspx?Key=YourProjectCodeHere” />
Embedding widget code on your website
You can embed this code into your page. Place it in the HTML source code. If you use WordPress, switch from visual editor to Text editor first. You can apply all common iFrame attributes (height, width, frameborder, scrolling and style) to adjust the widget.
<iframe src=”https://www.randompicker.com/Project/Public/Widget.aspx?Key=YourProjectCodeHere” width=”450″ height=”500″ frameborder=”0″ scrolling=”no” />
You can also publish the collection page link instead of embedding the widget to your site. You can find the link on the bottom of the widget page. The functionality is the same as the widget, it is just on the stand-alone page where people can submit their entries.
RandomPicker collection widget is available for the following plans: Standard Plan, Advanced Plan, RandomPicker for Nonprofits. See Pricing for further details.