Booking Button

The Snag-A-Slip Book Now Button streamlines the booking process for boaters, making it easier for them to reserve slips directly from your website. Integrating this feature can enhance user experience and increase bookings for your marina.

Follow the steps below, or send this page to the person in charge of website updates for your marina, to implement the Snag-A-Slip Book Now Button today!

Step 1: Add Marina URL

Example: https://www.snagaslip.com/chesapeake-bay-marinas/baltimore-marinas/oasis-marinas-harbor-east

Step 2: Customize It

Format

Color

Background Color

Text Color

Size

Referral Code Optional

Add a short code to track specific campaigns easily. Only use letters and/or numbers. Please don't use special characters.

Step 3: Add to your Website

If you're seeking assistance with implementing the Snag-A-Slip Book Now button on your website, our dedicated support team is available to provide the help you need.

Contacting Our Support Team:

To get in touch with our support team, simply follow these steps:

1. Email Support: Reach out to us via email at hello@snagaslip.com, and our team will respond to your inquiry promptly.

2. Phone Support: For immediate assistance, feel free to call us at 443-808-2700 during our regular business hours.

Support Hours:

Our support team is available to assist you during the following hours:

Monday - Friday: 9:00 AM to 5:00 PM EST

Saturday - Sunday: 10:00 AM to 2:00 PM EST

1. Manual Import: Booking Button JS
Add this code before </body>
2. Use this code wherever you'd like the button to appear
Snag-A-Slip Button Documentation
Call the sasBookingButtons() JavaScript Function whenever data-attributes are updated after button creation.
data-url

The full Marina URL on Snag-A-Slip — Required

Example:
data-url="https://www.snagaslip.com/chesapeake-bay-marinas/baltimore-marinas/oasis-marinas-harbor-east"
data-length Boat Length (LOA) (ft) — Optional
Max: 1000
data-beam Boat Beam (ft) — Optional
Max: 500
data-draft Boat Draft (ft) — Optional
Max: 500
data-power

Shore Power (1-8) — Optional

  • 1 — Double 30
  • 2 — Double 50
  • 3 — Single 20
  • 4 — Single 30
  • 5 — Single 50
  • 6 — Single 100 - 1 Phase
  • 7 — Single 100 - 3 Phase
  • 8 — No Power Required
data-referral

Referral Code — Optional
For tracking purposes
data-color

Button Color — Optional

  • orange —
       
    (Default)
  • polar —
       
  • razzmatazz —
       
  • custom — (Allows data-bgcolor and data-txtcolor)
data-bgcolor

Background Color — Optional
Requires data-color="custom"

  • Any hexadecimal color — (Example: #ff6800)
data-txtcolor

Text Color — Optional
Requires data-color="custom"

  • Any hexadecimal color — (Example: #ffffff)
data-size

Button Size — Optional

  • normal — 100% x 40px. Will fill its parent.
  • fixed — 240px x 40px (Default)
  • small — 160px x 40px
  • nano — 100px x 40px