How to Launch a Custom Booking Integration on your Existing Website
Set up a Campspot booking integration on your domain and connect it to your existing website with no code
Follow these steps to launch a branded, Campspot booking integration on your website.
Step 1: Configure Your Brand in BlockCMS
Prerequisite: Create a BlockCMS account, or "Add a new website" inside of your existing BlockCMS account.
In your BlockCMS account, navigate to the Theme page and select your fonts and colors.
- You can select any Google Font, or Add a Custom Font
- Although usually not necessary, the Advanced Configuration section allows you to modify the shade colors used for accents. For example, if a shade is too bright you can manually adjust it here.
Step 2: Apply Your Campspot Credentials
Campspot's team will provide an API Key and Reservation Source that will enable fetching your reservation data, and processing bookings from an external system. These values will be inputted to BlockCMS to power your custom booking integration
In your BlockCMS account, navigate to the Booking Integration page and populate the following details:
- Booking Platform: Campspot
- Park ID: Your Campspot Park ID
- Reservation Source: Provided by Campspot with API Key
- API Key: Provided by Campspot
Save and click Preview Campspot Integration.
Step 3: Launch 🚀
- In BlockCMS, navigate to Account Settings and input your website address. Prepend "book" as a subdomain. For example, if your domain is camppines.com, input: book.camppines.com
- Click "Publish" and select "Submit an Activation Request". After submitting the Activation Request, click Publish again to officially publish the booking integration.
- Add the following DNS record to your domain:
Host Type Data book A 34.49.154.239 - Once your activation request is received, the White Pine team will push your booking integration out to the public internet.
Step 4: Update Your Website Booking Links
Once the White Pine team sends you a confirmation that your booking integration is live, complete these final steps:
- Update all booking links on your website to point to: book.yourdomain.com/reservations/search
- Connect your Google Tag Manager to receive enhanced Google Analytics tracking
- In BlockCMS, navigate to Campground Details > Analytics IDs and add your GTM- ID to the Google Tag Manager ID field
- Follow this guide to configure your Tag Manager container