Donorbox widget and Dynamic Content

Hey guys,

I found a cool website for accepting donations. They offer an embed widget (below) that links back to campaigns you set up through their website.

Is it possible to connect these campaigns with dynamic list items where each dynamic item had their own campaign embedded? Is there an easy snippet to add to the embed code that would connect each item to their campaign on Donorbox?

Thanks!

<script src="https://donorbox.org/widget.js" type="text/javascript"></script><iframe src="https://donorbox.org/embed/efef?hide_donation_meter=true" height="685px" width="100%" style="max-width:500px; min-width:310px" seamless="seamless" id="dbox-form-embed" name="donorbox" frameborder="0" scrolling="no"></iframe>

1 Like

Yup, should be possible. Seems like the dynamic part of the custom code is “efef”, which can be keyed in a collection field and inserted into the full custom code using an embed code widget in the collection template page.

Unless you need multiple forms/boxes per page, that will require additional ‘hacking’.

I plan on having a dynamic list of div blocks that each have their separate donation widget, kind of set up like a gofundme or kickstarter. Nothing complex just a button that opens the donorobox widget. What hackery would I need to accomplish this?

http://sandbox-903b9c.webflow.io/charity/campaign-one

Can someone please explain for a newbie what exactly Samliew did to make this work? It’s perfect in his sandbox.

@Aaron_Bell

You can take a look at the project itself, here’s the share link

Screenshot_2023-08-18_230807