Why isn't the donation widget embedding properly on my Shopify page?

tpittarelli
Visitor
1 0 0

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. 

Screen Shot 2022-03-29 at 10.57.12 AM.png

 

So now, one of my "Elements" IS working...the little blue donation bubble. One of my elements is not...the Form. 

Screen Shot 2022-03-29 at 10.58.19 AM.png

Here's what it says to do for the Form: 

Screen Shot 2022-03-29 at 10.59.15 AM.png

 

So then I go into the Page where I want it, click on Show HTML, and then drop it in.

Screen Shot 2022-03-29 at 11.00.00 AM.png

 

Then nothing. 

Screen Shot 2022-03-29 at 11.00.35 AM.png

 

 

Any advice would be so helpful!!

 

Screen Shot 2022-03-29 at 10.45.57 AM.png

Reply 1 (1)

Jas101
Visitor
1 0 0

Hey Tpittarelli- Did you figure this out? We are trying to do the same.