How To Install a Donorbox Form Into A Website X5 Webpage

WebSite X5 is a step-by-step website builder with a visual editor. No coding skills are needed. It has all the essential features you need to create websites with both stunning and functional design. Website X5 has built-in advanced tools for Search Engine Optimization. It also has gives your website a responsive design. So, your web…

2 minutes read
How To Install a Donorbox Form Into A Website X5 Webpage

WebSite X5 is a step-by-step website builder with a visual editor. No coding skills are needed. It has all the essential features you need to create websites with both stunning and functional design.

donation form in Website X5 Webpage

Website X5 has built-in advanced tools for Search Engine Optimization. It also has gives your website a responsive design. So, your web pages to adapt to the screen resolution of any device such as tablets and smartphones.


Here’s how you can install a Donorbox donation form into a Website X5 website.


Step 1

Install the Website X5 software. You can use this guide to help you with installation and getting set up to begin creating your website.

donation form on website X5


Step 2

Locate the page you want to install your Donorbox form on. On the right-hand side of the screen, you‘ll see a selection of objects that can be added to the page. Click and drag the box marked “HTML code” onto your page. This will add an HTML code object to your page

donation form on website X5


Step 3

Double-click the object. This will open up the code block so you can add your HTML code to install your Donorbox form.


Step 4

Log into your Donorbox dashboard and find the campaign you wish to embed to your donation page. Click the “<> Embed Codes” button.

donation form in Website X5 Webpage

You can edit some of the default settings in your form here, like setting a default donation amount or recurring option. As you change the settings, you will see the code automatically adjust itself.

When you’re happy with the settings, copy the embed code for your form. This code will be pasted in your websitex5 site later on.

donation form in Website X5 Webpage
Here you can do the same thing for Popup Form and Donate Button as well.


Step 5

Paste the code into the box provided. Then, check the box marked “Enable Automatic Height”. This will automatically adjust the frame size to fit around the form/button you’re installing.

install donation form in website X5


Step 6

Click the green tick at the top of the screen when you’re done. This will save any changes. And, that’s all you have to do.

donate on website X5 webpage
When a person visits your website, they will encounter a beautiful donation form that you can customize to fit into the look and feel of your organization. Donors will be able to access your Donorbox donation form directly from your website. And this can increase your conversion rates.

If you need any help installing your Donorbox donation form, you can reach out to us at any time. Our Support Agents would love to help you out.

Related Articles:

Avatar photo

Rebekah is the Head of the Customer Success & Intelligence team at Donorbox, ensuring nonprofits and individuals receive the best support at all times. Under her guidance, Donorbox is able to create friendly and meaningful relationships with their customers.

  • linkedin
  • url

Join the fundraising movement!

Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.

Take your donor experience to the next level!
Join the 50,000+ nonprofits already raising funds online.
Join Our Newsletter
Get a monthly curated round-up of our best posts and feature updates. (You can unsubscribe anytime.)
Join Our Newsletter
Get a monthly curated round-up of our best posts and feature updates. (You can unsubscribe anytime.)
Join a 30min Demo to see how Donorbox can help you reach your fundraising goals!
Join a 30min Live Demo to see how Donorbox can help you reach your fundraising goals!