Hello!
I am sure this is super simple and I am just missing something, but I am trying to embed a donation portal (Everyaction) on one of the pages of my site. I thought it would just be placed in a custom code block, but that doesn’t seem to work. It seems like something is trying to load because when you refresh the published page a loading animation occurs from the donation form, but then nothing else shows after that. You can see the loading circle in this screenshot:
On other widgets, I had to insert code into the header, so I have tried a ton of different combinations of adding the script and links into the header or body code sections, but nothing seems to work. I have also tried using iframe code and sourcing the donation portal URL, but that has had weird visibility issues when switching tabs in my browser (switching tabs for too long makes everything disappear until you highlight over the text/buttons).
Here is the code given by the Donation CRM (Everyaction) to embed:
<link rel='preload' href='https://d3rse9xjbp8270.cloudfront.net/at.js' as='script' crossorigin='anonymous'>
<link rel='preload' href='https://d3rse9xjbp8270.cloudfront.net/at.min.css' as='style'>
<script type='text/javascript' src='https://d3rse9xjbp8270.cloudfront.net/at.js' crossorigin='anonymous'></script>
<div class="ngp-form"
data-form-url="https://secure.everyaction.com/v1/Forms/qNAu53B-qU2KI0S3dDbzmg2"
data-fastaction-endpoint="https://fastaction.ngpvan.com"
data-inline-errors="true"
data-fastaction-nologin="true"
data-databag-endpoint="https://profile.ngpvan.com"
data-databag="everybody"
data-mobile-autofocus="false">
</div>
I am sure I’m missing something very simple, but I don’t have a lot of experience with custom code yet, so any help would be greatly appreciated. Thanks!