Jump to content

Need help making a custom form work

Go to solution Solved by creedon,

Recommended Posts

Hi everyone,

A client of mine is trying to embed a form provided by the local city government. We tried to embed it in a code block, but it isn't displaying. Can anyone look at this embed code and let us know why it isn't working and/or have any suggestions about what we need to do to make this work?

<!-- Element to inject OneBlink Form into -->

<div id="oneblink-form"></div>

<!-- Icons required in OneBlink Form. -->

<link rel="stylesheet" href=https://fonts.googleapis.com/icon?family=Material+Icons />

<!-- Script to load window.OneBlinkForms. -->

<script src=https://civicplus-forms.cdn.transform.civicplus.com/1.x.x.js></script>

<!-- Script to inject OneBlink Form into HTML element above. -->

<script>

  window.addEventListener('load', function () {

    // See https://github.com/oneblink/forms-cdn for documentation

    // on all of the options available when rendering a OneBlink Form

    OneBlinkForms.render({

      selector: '#oneblink-form',

      formId: 33287, // Durango Creates! Grant Application

      formsAppId: 5844, // Municipal Services

      // Change these to a URL you wish to send your users too

      submissionRedirectUrl: ‘https://www.durangocreativedistrict.org’,

      cancelRedirectUrl: 'https://www.durangocreativedistrict.org',

      paymentReceiptUrl: 'https://www.durangocreativedistrict.org',

      paymentFormUrl: 'https://www.durangocreativedistrict.org',

      // (Conditionally Optional) A Google Maps API Key

      // https://developers.google.com/maps/documentation/javascript/get-api-key

      // Required if the form contains a `location` form element.

      // googleMapsApiKey: '',

      // (Optional) An identifier to match the form submission with in your system.

      // externalId: '',

      // (Optional) The data to pre-fill the OneBlink Form.

      // preFillData: {},

    })

  })

</script>

thank you in advance!

Khara

Khara Wolf | Websites by Khara

Websites and templates for musicians and small businesses
https://www.websitesbykhara.com

Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

It appears the code has taken a trip through a word processor and they often foul up code by putting smart quotes in. Code, in general, hates smart quotes and causes syntax errors.

submissionRedirectUrl: ‘https://www.durangocreativedistrict.org’,

...needs to be changed to...

submissionRedirectUrl: 'https://www.durangocreativedistrict.org',

Notice the dumb quotes in place of the smart quotes.

When working with code use a code editor or a dumb word processor that doesn't do helpful things like automatically adding smart quotes.

After I made the quotes dumb here is what I'm seeing locally.

ScreenShot2024-02-23at3_25_41PM.thumb.png.8a744a1db5bdbd5c409d365295337a36.png

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.