---
title: How to Launch a Custom Booking Integration on your Existing Website
description: Launch a custom Campspot booking integration on your existing website and domain.
---

[Skip to content](https://learn.blockcms.build/how-to-launch-a-custom-booking-integration-on-your-existing-website#main-content)

English

Show submenu for translations

![](https://learn.blockcms.build/hs-fs/hubfs/BlockCMS%20Logo.png?width=67&height=50&name=BlockCMS%20Logo.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations

 How can we help you?

- There are no suggestions because the search field is empty.

1. [BlockCMS Documentation](https://learn.blockcms.build/?hsLang=en)
2. [Campspot Booking Integration](https://learn.blockcms.build/campspot-booking-integration?hsLang=en)

# 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](https://learn.blockcms.build/how-to-add-a-custom-font?hsLang=en)
- 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  🚀

1. 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
2. Click "Publish" and select "Submit an Activation Request". After submitting the Activation Request, click Publish again to officially publish the booking integration.
3. Add the following DNS record to your domain:
   
   | **Host** | **Type** | **Data** |
   | --- | --- | --- |
   | book | A | 34.49.154.239 |
4. 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:

1. Update all booking links on your website to point to: **book.yourdomain.com/reservations/search**
2. Connect your Google Tag Manager to receive enhanced Google Analytics tracking<https://learn.blockcms.build/collect-ecommerce-analytics?hsLang=en> 
     - In BlockCMS, navigate to **Campground Details \> Analytics IDs** and add your GTM- ID to the Google Tag Manager ID field
     - Follow [this guide](https://learn.blockcms.build/collect-ecommerce-analytics?hsLang=en) to configure your Tag Manager container

- [Homepage Setup](https://learn.blockcms.build/homepage-setup?hsLang=en)
- [Launch Your Website](https://learn.blockcms.build/launch-your-website?hsLang=en)
- [Custom Pages](https://learn.blockcms.build/custom-pages?hsLang=en)
- [AI Content Writing](https://learn.blockcms.build/ai-content-writing?hsLang=en)
- [Custom Coding](https://learn.blockcms.build/custom-coding?hsLang=en)
- [Footer](https://learn.blockcms.build/footer?hsLang=en)
- [Images & Media](https://learn.blockcms.build/images-media?hsLang=en)
- [Website Theme](https://learn.blockcms.build/website-theme?hsLang=en)
- [Campspot Booking Integration](https://learn.blockcms.build/campspot-booking-integration?hsLang=en)
- [Ecommerce Tracking & Analytics](https://learn.blockcms.build/ecommerce-tracking-analytics?hsLang=en)
- [General How-To](https://learn.blockcms.build/general-how-to?hsLang=en)
- [White Pine Console Migration](https://learn.blockcms.build/white-pine-console-migration?hsLang=en)
- [Blog](https://learn.blockcms.build/blog?hsLang=en)

[![Chill listening crop-3](https://learn.blockcms.build/hs-fs/hubfs/BlockCMS%20Logo.png?width=55&height=55&name=BlockCMS%20Logo.png "Chill listening crop-3")](https://learn.blockcms.build/?hsLang=en)

[mailto:email@email.com](mailto:email@email.com)