US-GHG-Center / veda-config-ghg

Veda config for GHG
https://ghg-demo.netlify.app
Other
3 stars 15 forks source link

Add constant contact subscription form #332

Closed slesaad closed 3 months ago

slesaad commented 3 months ago

Closes #331

We're using Constant Contact for subscription related things. So we need to switch to using their form. But we can't have a full-on form page which has it's own URL with all the features we'd like to have (specifically letting users pick what mailing list to subscribe to (see here).

So now we have an inline form to use.

<!-- Begin Constant Contact Active Forms -->
<script> var _ctct_m = "659a6c1e1b34f5b0f7de2c2640663bee"; </script>
<script id="signupScript" src="//static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js" async defer></script>
<!-- End Constant Contact Active Forms -->
<!-- Begin Constant Contact Inline Form Code -->
<div class="ctct-inline-form" data-form-id="8c362d9d-9d4e-47b9-ac42-18110a8bbf18"></div>
<!-- End Constant Contact Inline Form Code -->

A couple ways we could do it:

  1. using it the same way we do the "Contact Us" form - open a modal with the form
    • breaks the current pattern of having a "link" in the footer + we'd want a link/url we can send to users in the newsletter
    • needs change in veda-ui to add constant contact scripts
  2. put the form in the learn page under a header and then link to that header (like we currently do with Press Info)
  3. create a form outside of this repo, host it, and then link to that
    • another thing we have to serve and maintain
  4. create a form and put it in /static/public - that way we have a link (an official earth.gov link at that)
    • easy to add, not something that'll change much

@hanbyul-here @sandrahoang686 curious to hear your thoughts on this.

netlify[bot] commented 3 months ago

Deploy Preview for ghg-demo ready!

Name Link
Latest commit ba253587563fca40f1a6a24d15ef30f15fd55342
Latest deploy log https://app.netlify.com/sites/ghg-demo/deploys/660d6f77dec49e0007f1e3d3
Deploy Preview https://deploy-preview-332--ghg-demo.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

slesaad commented 3 months ago

TODO: update other links that point to the old google form