Website Installation – Reuzenpanda

Reuzenpanda Form Publication & Integration

To publish and integrate a form from Reuzenpanda into your website, follow these steps:

1. Open the Forms Overview

Go to hub.reuzenpanda.nl (opens in a new tab).
You are in the right section if the URL contains /app/forms.
Here you will see a list of forms in chronological order (by creation date).
Click on the form you want to publish.
In the top right corner, you will see a green "Publish" button – click it.

2. Set Your Domain Name

As the first step, enter your domain name. Important: check whether your domain starts with www. or not.
- ✅ Correct: www.reuzenpanda.nl
- ❌ Not correct: reuzenpanda.nl
- ❌ Not correct: https://www.reuzenpanda.nl/
Then click Next (green button).

3. Choose Integration Method

You can now choose how to integrate the form on your website.

Embedded (Recommended)

This is the most commonly chosen and recommended method.
Select Embedded.
You will receive two codes:
1. Head code → place this inside the <head> of your website.
2. Body code → place this inside the <body> of your website.
Tip: if you want the form to appear larger, adjust the height in the body code:
```
<div style="height: 500px"></div>
```
For example, change it to 800px or 80vh.

Popup Widget

Select Popup widget.
You will receive a code to place inside the <head> of your website.
Install the code on every page where you want the form to be visible.

4. Widget Mode Settings

By default, widget mode is enabled for every form.
If you do not want to show the floating Reuzenpanda button:
1. Click the gear icon next to Publish.
2. Toggle off "Show Reuzenpanda button".

5. Copy and Publish the Code

In the code field (top right), you can copy the integration code.
Don’t forget to click the green "Publish" button as the final step.

6. Integration on Different Platforms

WordPress Websites

Use the WP Headers and Footers (opens in a new tab) plugin.
Place the head code in the header and the body code in the correct section of your website.

Shopify Websites

Install the Insert Code to Header and Footer (opens in a new tab) app.
Add the head and body code as described in the app instructions.

Phoenix Websites

Follow the steps in this article (opens in a new tab).
Insert the Reuzenpanda integration code as explained.

Wix Websites

Use this guide (opens in a new tab) to add the head and body code.

Squarespace Websites

Follow these instructions (opens in a new tab).
Insert the integration code via the Custom Code section.

GoDaddy Websites

Visit this article (opens in a new tab).
Add the Reuzenpanda code in the appropriate HTML sections.

Custom CMS / Bespoke Websites

Place the head code inside the <head> of your website.
Place the body code where you want the form to be displayed.
Check if caching or minification settings affect the integration.
For advanced frameworks (e.g., React, Vue, Angular):
- Add the head code in your template <head>.
- Render the body code in the component or page where the form should be visible.

Disclaimer: These instructions are intended to guide you through the process of publishing and integrating a form into your website. Reuzenpanda is not responsible for any issues that may arise during implementation. If you encounter technical difficulties, please consult your web developer or platform support. Implementation is at your own risk.

Relaties Website Integration