Why isn't the donation widget embedding properly on my Shopify page?
Hey! Hoping someone can help me. So far the Theme developers, Give Butter (fundraising platform), and Shopify have all been stumped...but I believe in you geniuses!!
So I am trying to simply embed a donation widget onto a page in Shopify.
My theme is: Fashionopolism by We Are Underground LLC.
So the fundraising platform (Give Butter) has a feature called Elements. First step to get this to work is to add this code to the <head>
<!-- Givebutter Elements -->
<script>
window.Givebutter=window.Givebutter||function(){(Givebutter.q=Givebutter.q||[]).push(arguments)};Givebutter.l=+new Date;
window.Givebutter('setOptions',
{
"accountId": "5bYS4X6RS0U7P5jw"
});
</script>
<script async src="https://js.givebutter.com/elements/latest.js" ></script>
<!-- End Givebutter Elements -->
So I went into theme liquid, and put it there.
So now, one of my "Elements" IS working...the little blue donation bubble. One of my elements is not...the Form.
Here's what it says to do for the Form:
So then I go into the Page where I want it, click on Show HTML, and then drop it in.
Then nothing.
Any advice would be so helpful!!
Community Blog Articles
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025
Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025