Follow these step-by-step instructions to install the Ping code onto your website and begin automating your last-minute notifications to your followers.
Ping makes it easy for guests to be notified when their favorite Airbnbs become available — and it's the secret tool the best Airbnb hosts use to maximize bookings.
When you install the Ping widget on your listing's website, your website visitors (and future customers) can enable custom notifications be sent to them whenever there is a future cancellation.
Ping will automatically take into account their preferences, like the number of nights they want to stay and during which months, and if there are any cancellations on your listing that match those criteria, Ping will automatically notify those prospects.
Plus - you'll be notified every time someone signs up for a Ping, and when they get sent one!
Table of Contents
- Copy your Ping Embed Code
- Installing Code onto Guesty for Hosts
- Installing Code onto Guesty for Pros
- Installing Code onto GoDaddy
- Installing Code onto WordPress
- Installing Code onto SquareSpace
- Installing Code onto Hostaway
Copy Your Ping Embed Code
- Log in to your Sponstayneous Account
- In the left sidebar, click on "Customize Your Ping"
- Verify the correct Listing is selected in the top dropdown
- Click on the blue button labeled "Copy Ping Code"
Install Ping on Your Guesty for Hosts Website
- Log in to your Guesty Host Account
- Click on Menu in the top navigation
- Scroll down and click on Website Builder (under More Features)
- Select "Edit Website"
- Select the Website (if applicable) for the listing selected in the Ping Account
- Scroll down and click on "3rd Party Integrations"
- Scroll down and paste the Ping embed code into the section labeled "Additional Scripts"
- Click Save
Install Ping on Your Guesty for Pros Website
Use the HTML widget for adding the custom Ping embed code to your website.
HTML widget
The HTML widget is the easiest method of adding custom code to your site.
In the left panel, click Widgets, and drag the HTML widget into a column or row into your site and paste in your code.
Edit custom code
After adding custom code with the HTML widget,click the widget in your editor to edit your code.
Sometimes, however, due to the nature of the code it is not possible to do this as easily. In this case, you can select the container to see if you can edit the entire container (which will include the code).
Install Ping on your GoDaddy Website
Please note: due to the nature of the GoDaddy website editor, there are additional steps needed to correctly install the Ping widget code.
- Go to your GoDaddy product page.
- Scroll to Websites + Marketing and select Manage next to your website to open your site.
- Select Edit Website or Edit Site to open your website builder.
- Go to the page and location you want to add your custom code, and add a section.
- Search for the HTML section and select Add.
- Paste or write your custom code into the Custom Code field.
Based on the position you'd like to place the Ping Widget, either in the bottom left or bottom right, there are 2 changes that need to be made to accomplish this.
To position the Ping widget in the bottom left of a screen:
- Ensure the data position is set to bottom-left in your original embed code
data-position="bottom-left"
- Add the following script below the embed above code:
<script>
var iframe = window.parent.document.querySelector(".widget-html iframe[srcdoc*='sponstayneous']");
iframe.style.position = 'fixed';
iframe.style.left = "20px";
iframe.style.bottom = "20px";
iframe.style.zIndex = "99";
iframe.style.width = "400px";
iframe.style.height = "200px";
</script>
Your final embed code (to position the widget in the bottom left of the page) would look similar to this:
<div id="sponstayneousPing" data-owner="YOUR-ID-HERE"> </div>
<script src="https://sponstayneous.com/hubfs/ping/v2/ping.js?hsCacheBuster=555666"></script>
<script>
var iframe = window.parent.document.querySelector(".widget-html iframe[srcdoc*='sponstayneous']");
iframe.style.position = 'fixed';
iframe.style.left = "20px";
iframe.style.bottom = "20px";
iframe.style.zIndex = "99";
iframe.style.width = "400px";
iframe.style.height = "200px";
</script>
To position the Ping widget in the bottom right of the screen:
- Ensure the data position is set to bottom-right in your original embed code
data-position="bottom-right"
- Add the following script below the embed above code:
<script>
var iframe = window.parent.document.querySelector(".widget-html iframe[srcdoc*='sponstayneous']");
iframe.style.position = 'fixed';
iframe.style.right = "20px";
iframe.style.bottom = "20px";
iframe.style.zIndex = "99";
iframe.style.width = "400px";
iframe.style.height = "200px";
</script>
Your final embed code (to position the widget in the bottom right of the page) would look similar to this:
<div id="sponstayneousPing" data-owner="YOUR-ID-HERE"> </div>
<script src="https://sponstayneous.com/hubfs/ping/v2/ping.js?hsCacheBuster=555666"></script>
var iframe = window.parent.document.querySelector(".widget-html iframe[srcdoc*='sponstayneous']");
iframe.style.position = 'fixed';
iframe.style.right = "20px";
iframe.style.bottom = "20px";
iframe.style.zIndex = "99";
iframe.style.width = "400px";
iframe.style.height = "200px";
</script>
As you make changes, the page editor will most likely not reflect your edits so after adding in the updated Ping widget code, refresh the entire page.
Install Ping on your WordPress Website
Please Note: depending on the plugins and themes you are using, the exact method to add custom code to a global footer can vary. Please reference any other documentation to correctly install custom code to your account.
- Follow the steps above to copy the Ping Widget code in your Sponstayneous account.
- Log in to your WordPress account.
- In the left sidebar menu, navigate to Appearance > Editor.
- In the list of theme files on the right side of the editor, select your Footer.
- Paste in the tracking code and select Update File.
Install Ping on your SquareSpace Website
- Follow the steps above to copy the Ping Widget code in your Sponstayneous account.
- Log in to your Squarespace account.
To install Ping on ALL website pages
- Click Website on the left hand sidebar
- Click Website Tools under the Utilities menu
- Click Code Injection
- Copy and paste your Ping code in the Footer area
To install Ping on a SINGLE website page
- Click Website on the left hand sidebar
- Hover over a specific website page
- Click the Gear icon that appears
- Click Advanced under Page Settings
- Copy and paste your Ping code in the Code Block
Publish changes to take the Ping widget LIVE on your website!
Install Ping on your Hostaway Website
- Follow the steps above to copy the Ping Widget code in your Sponstayneous account.
- Log in to your Hostaway account.
To install Ping on ALL website pages*
- Click Booking Engine on the left hand sidebar
- Click on the Settings tab towards the top of the page
- Click Advanced
- Copy and paste your Ping code in the Body script area
Click "Save" to confirm changes to take the Ping widget LIVE on your website!
*NOTE: if you have purchased MORE THAN 1 Ping and wish to embed multiple Ping widgets throughout your Hostaway site, please contact us for assistance.