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. -->


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

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

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


      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: {},




thank you in advance!


Khara Wolf | Websites by Khara

Websites and templates for musicians and small businesses

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.


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.