This guide will help you embed or link the driver sign-up page to your website. The goal is to make it super easy for new providers to sign-up on your platform and website.

If you have any issues you may contact us at support@goodjourney.io

Getting Started - Fleet Token

Before you get started you need to know your fleet token . To find this token you need to go to your command center dashboard and navigate to Settings > PWA. As shown below:

In the example above the fleet token is kiv95ee8

Types of Installations

There are actually two ways to embed your driver sign-up link on your website:

Hyperlink - Connect it to a button that the drivers press to open the driver sign-up page.
Embedded iFrame - Place the driver form on your website for them to fill out a form.

In the next section we will go through each approach.

Option 1: Button Link

The first way is the easiest way. When they click a button it redirects to the driver sign-up page. This method is preferred if you have no coding experience.

The link to the driver sign-up page is:

https://signup.goodjourney.io/?fleetToken=[YOUR_FLEET_TOKEN]

Remember to replace YOUR_FLEET_TOKEN with your fleet token in step 1.

Here is a sample example of how you create a hyperlink in html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fleet Home Page</title>
</head>
<body>
    <p>To sign up with us, please click on the link below:</p>

    <!-- Replace “<YOUR_FLEET_TOKEN>” in the link with your own fleet token -->
    <a href="https://signup.goodjourney.io/?fleetToken=[YOUR_FLEET_TOKEN]"
       target="_blank">Sign Up Now!</a>

</body>
</html>

Pro tips
If you have your own custom white-label domain, replace signup.goodjourney.io domain with your own custom signup domain. For example if your domain name is taxi-app, then your sign-up domain would be signup.taxi-app.com
Remember to replace YOUR_FLEET_TOKEN with your fleet token from step 1.
Use target="_blank" attribute if you want to open the link on the new tab or window, else just remove this code segment.

Option 2: Embed iFrame on your website

The second way is embedding an iFrame on your website. You can add this driver sign-up widget on any section of your website. Here is an example website as shown below:

Configure your iframe code

Below is an example of the driver sign-up iframe code:

<iframe src="https://signup.goodjourney.io/?fleetToken=[YOUR_FLEET_TOKEN]&isIframe=true&fpc=true" width="400" height="780" title="Driver sign up" class="your_custom_class"></iframe>

Be sure to replace YOUR_FLEET_TOKEN with your own fleet token.
You also have the option to adjust the height and the width. By default it is currently 400 x 780

Where it says [YOUR_FLEET_TOKEN], replace that with your own fleet token. Once done, it should look something like this:

<iframe src="https://signup.goodjourney.io/?fleetToken=kiv95ee8&isIframe=true&fpc=true" height="780" width="400" title="Driver sign up" class="your_custom_class"></iframe>

Embed on website

Below is a sample html code of a basic website. You simply add the iframe code fragment to a section of your html page where you want it to be displayed.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fleet Home Page</title>
</head>
<body>

    <h1>Driver Sign Up</h1>

    <!-- Replace “<YOUR_FLEET_TOKEN>” in the link by your fleet token -->
    <iframe src="https://signup.goodjourney.io/?fleetToken=[YOUR_FLEET_TOKEN]&isIframe=true&fpc=true" height="780" width="400" title="Driver sign up" class="your_custom_class"></iframe>


</body>
</html>

Recap
If you have the white-label option, you can replace signup.goodjourney.io domain with your own white-label domain.
Remember to replace YOUR_FLEET_TOKEN with your own FLEET TOKEN
You can adjust the height and width of the iframe to best fit your website.
For advance users ou can also add your own custom class property to customize the iframe's css to make it suitable for your website.