Skip to main content

How do I embed a Race Space entry form on my own website?

Three ways to add the Race Space entry widget to your site: manual code, the WordPress plugin, and Wix custom code. Includes the SSL requirement.

The Race Space widget lets people enter your event from your own website. The entry form opens in a slider on your page rather than sending visitors away to Race Space. There are three ways to install it.

Option 1: Manual integration

Paste this script anywhere on the page where you want the entry form to appear:

html

<script>(function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.async = true; js.src = "//www.race-space.com/assets/widget/rs-widget-v1.0.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'racespace-widget'));</script>

Then add a button that triggers the slider. The button must carry the class rsBtn and a data-event attribute, or it will not work. The data-event value is the URL of the Race Space event you want to display:

html

<button class="rsBtn" data-event="https://www.race-space.com/gb/organiser-name/event-name">Enter Now!</button>

Option 2: WordPress plugin

  1. Install the Race Space Embed Form plugin, either through the WordPress plugin directory or by uploading the files to /wp-content/plugins/ on your web server.

  2. Activate it through the Plugins menu in WordPress.

  3. Go to the Race Space Embed Form settings page to configure CSS styles.

  4. Add the shortcode to any page, post or widget:

[rsembed]

  1. The event parameter is required. Without a URL there, the button will not work:

[rsembed event="https://www.race-space.com/gb/organiser-name/event-name"]

  1. You can place several buttons with different settings by passing parameters in each shortcode. The plugin settings page lists the other available parameters:

[rsembed text="Register Now!" event="https://www.race-space.com/gb/organiser-name/event-name"]

Option 3: Wix

  1. Log in to your Wix Dashboard.

  2. In the left-hand menu, scroll down and select Settings.

  3. Scroll to the Advanced section at the bottom and click Custom Code. In the Body – End area, select Add Code.

  4. Paste the same widget script from Option 1 into the field labelled "Paste the code snippet here."

  5. Configure it as follows. Name: Race Space Widget. Add Code to Pages: select All Pages, then set the dropdown below to Load code on each new page. Place Code In: Body – end.

  6. Click Apply and check the toggle is switched on and showing blue, so the code is active.

  7. Add a button anywhere on your site pointing at your Race Space event page, for example https://www.race-space.com/gb/organiser-name/event-name. When a visitor clicks it, the widget detects the link and opens the Race Space slider inside your site instead of navigating away.

Wix has its own video walkthrough covering the custom code steps, in their support article on embedding custom code.

About SSL certificates

An SSL certificate secures the connection to your website. Without one you get mixed content, where some resources load over a secure HTTPS connection and others load over insecure HTTP.

Race Space strongly recommends installing an SSL certificate for security and W3C compliance. Race Space does not provide the certificate, but they can be bought inexpensively for any website. If you choose not to install one, the embed script will still run on an insecure HTTP connection.

Did this answer your question?