Step 1: Navigate to your Admin Dashboard
If your home page is not your Admin Dashboard, click on the drop down box at the bottom of the screen next to “Viewing Dashboard For” to view a list of organizations that you are an administrator for. Click on the name of your organization you’d like to access.
Step 2: Navigate to your Event or Fundraising Campaign Editor
If you are creating a button for an event on GiveGab, Navigate to your Event Editor. From your Admin Dashboard, click the "Events" tab. From there, click the "Edit" button within the event you’re looking to access.
If you are creating a button for a campaign on GiveGab, Navigate to your Campaign Editor.From the “Fundraising Campaigns” tab of your Admin Dashboard, click the “Edit” button within the campaign you’re looking to access.
Step 3: Select the "Donation Form" section of your Campaign Editor
Step 3: Open Configurations for the Embeddable Donation Form
(If you don't see the "Embeddable Donation Form" option, you might be on our Basic plan. To get a customized donation form for your website, check out our premium plans and features here!)
Step 5: Check that the Button is Created for the Correct Campaign or Event
Step 6: Change the Button Colors and Text
If you have the hex code of your branding, you can enter that. Otherwise, click on the colored square to pick from 8 colors. You can see the changes you make in realtime in the box to the right that says "Donation Button Preview". If you're not sure what your brand hex code is, reach out to us using the little blue chat bubble and we're happy to help find the color you're looking form.
No need to save, as the information is saved in real time, too!
Step 7: Copy and Paste the code for the Embeddable Donation Form into your Website
At the bottom of the "Donation Button Settings" page you will see a box that contains the html code for the Embeddable Donation Form. Copy and paste this code into the html for your organization's website and it will appear!
You can preview what this button will look like on your website in the top right corner of this page: