Use custom form code to place your registration form within the context of your website and create a seamless, branded experience for your registrants.
Custom registration form code allows you (or your web developer) to completely tailor the appearance of your registration form to meet your specific requirements. Some commonly asked questions are answered below.
How do I get the custom registration form code and Developer Guide?
Spark users with access to registration forms can view and email custom form code and Developer Guide by clicking Embed Options in the micromenu to the right of the desired form. Click here to learn more.
Is the custom registration form code complete as provided?
The custom code gives all available options for the project, but you’ll want to use only those elements that are relevant to your form. Additionally, you will need to style the code.
The question I want to add is not in the custom registration form code, what should I do?
The question (and its answers) must be added to the project questions. Once all of the questions that should be on the form have been added, view or resend the form code. Note: it is not necessary to add an “Are you an Agent?” question as this is already included in the form code.
How do I ensure agents/realtors are differentiated from other contacts within Spark?
The custom form code contains the following very important section:
<div class="agent-multi-wrapper dropdown-wrapper answer">
<label class="label-text" for="Agent">Are you an Agent?</label>
<select name="agent" id="agent">
<option value="false">No</option>
<option value="true">Yes</option>
</select>
</div>
By answering Yes, a registrant is tagged as an Agent within Spark.
If there is a project question asking whether or not a registrant is an agent, do not use it to ensure agents are differentiated within Spark as the agent tag will not be applied.
Why is the Submit button (or other form elements) not visible/not displayed as expected?
The provided form code is not styled – ensure the form code has been fully styled to suit your project’s unique needs.
The form was working until I added Recaptcha – what happened?
- Make sure you are using the right version; Spark currently supports Recaptcha v3
- Make sure the site key and secret key are saved into Spark (Menu → Forms → List → Recaptcha Setup)
- Spark currently supports only one site key and secret key per project, but they can be used for multiple registration forms. If keys are already saved into Spark and they are different from the ones you generated, decide whether to use the existing keys for your new custom form or to update the existing custom form (if it is still in use) with your new keys
- Review Recaptcha’s documentation to make sure it’s correctly implemented in your website code (for example, many people forget to add the site key in one of the required places, causing form failure)
- Make sure Require Recaptcha is toggled on in the settings for the appropriate registration form