Skip to main content

🌐 How to use Civitfun’s Marketing tools to increase Online Check-in conversion

Lorena Figueroa
  • Updated

This manual will help you use Civitfun’s Marketing tools to share the Online Check-in with your guests via direct links, buttons, iFrames, or integrations with Booking.com.
The goal is to increase conversion and offer a smooth, professional digital experience from the very first touchpoint with your property.

Manual contents:

✅ Where to find the Online Check-in links

In the Civitfun Dashboard, within the Marketing section, you’ll find all the links you need to communicate Online Check-in to your guests.

  • 📌 Each property has its own unique link.
  • 🔗 Use the corresponding link in your communications.

🔧 Options available in the Marketing section

Within the Marketing area, your dashboard offers several tools:

Web Button Generator

Embed the online check-in button directly on your website or online channel. Here’s a template you can use.

  • Copy the HTML code from the generator by clicking 📄.
  • Share that code with your webmaster or IT team.
  • This button lets your guests access Online Check-in directly.

Button example:

Available Link Types

In the Links section, you can easily find the available links so you only need to copy and paste them by clicking the corresponding icon. You can send them to your guests, add them to your communications, or use them to create your own QR code.

 

🔹 Chain Check-in: Shows all properties in the same chain in a single view. Ideal for hotel groups that want guests to access through one unique link.

🔹 Individual property: Unique link for each hotel. The guest must enter their locator/booking code and the check-in date.

DEEPLINK: Increase your online check-in conversion

A DeepLink is a special link that takes the guest directly into the Online Check-in flow without needing to enter their data manually.
This link includes booking information (such as the locator and check-in date), so the form already appears pre-filled when the guest opens it.

Unlike a standard link, the Civitfun DeepLink is dynamic:

  • It can be inserted into email templates, SMS, or automated messages.

  • When the guest receives it, the link already contains their booking data (locator and check-in date).

  • This way, the form appears automatically pre-filled and personalized for each guest.

💡 Note: If you work with Guestlink, the DeepLink is already configured with the [checkin_url] tag. 👉 See this article about Guestlink to make the most of it.

The date format in the DeepLink is flexible and editable, which means you can easily adapt it to the date style used by the channel where you’ll add it (for example, Booking.com, your PMS, or another OTA).

⚠️ Use the correct date format required by the channel (OTA, PMS, etc.). This ensures you avoid errors when generating the online check-in link.

How to integrate it into your own channels

If you want to increase impact and online check-in conversion to gain more quality time with your guests, you can add this same DeepLink to your communication channels—provided those channels can access the required dynamic data.

All you need to do is copy and paste the link you’ll find in the Marketing section and replace the dynamic tags with those of your distribution channel.

EXAMPLE

https://checkin.civitfun.com/hotel/tu-hotel/bookingSearchForm?bookingCode=[BOOKING_CODE]&entranceDate=[ENTRANCE_DATE]&autoSearch

[BOOKING_CODE] refers to the booking locator and [ENTRANCE_DATE] to the check-in date. Replace these parameters with those of your channel.

👉 Main advantage: It boosts online check-in conversion because it simplifies the guest experience and personalizes each communication.

✏️ Change the hotel slug

The slug is the part of the URL that identifies your hotel. By default, it’s created from the name you give your hotel during setup, but you can adapt it to your needs. Just keep in mind that changing it affects all the check-in links you use outside our Suite.

  • Always use lowercase.
  • Do not include spaces or special characters.
  • Example slug: my-new-hotel
     
⚠️ Attention: If you change the slug, you’ll also need to update any iFrames, buttons, and links on your website and in any communications where you have manually included the link.

🤝 Integration with Booking.com

Civitfun lets you add your hotel’s DeepLink to internal Booking.com communications. This helps guests complete check-in without having to look for the link.

  • Go to the Marketing section and copy the Deeplink for Booking.
  • Add this link to Booking.com’s confirmation and reminder templates.

🌐 Online Check-in integration via iFrame

You can also use an iFrame. 

Benefits:

  • The guest stays on your website for the entire process.
  • Improves the flow and professionalism of the digital experience.

🛠 iFrame examples by language

Below are iFrame templates in several common languages.  

URL>> It’s important to paste the property-specific URL you’ll find under “Links” in the Marketing section of the Dashboard. Paste it inside the quotes "", with no spaces from https:// to the end of the link.

💡 Note: You can also configure the iFrame in other languages. Just change the language code in ?lang=xx.

🇬🇧 English

<iframe 
  id="checkin" 
  src="URL?lang=en" 
  allow="camera; microphone" 
  title="Check-in form" 
  style="border:none; width:100%; height:600px; overflow:auto;">
</iframe>

🇪🇸 Spanish

<iframe 
  id="checkin-es" 
  src="URL?lang=es" 
  allow="camera; microphone" 
  title="Formulario de check-in" 
  style="border:none; width:100%; height:600px; overflow:auto;">
</iframe>

🇵🇹 Portuguese

<iframe 
  id="checkin-pt" 
  src="URL?lang=pt" 
  allow="camera; microphone" 
  title="Formulário de check-in" 
  style="border:none; width:100%; height:600px; overflow:auto;">
</iframe>

🇫🇷 French

<iframe 
  id="checkin-fr" 
  src="URL?lang=fr" 
  allow="camera; microphone" 
  title="Formulaire de check-in" 
  style="border:none; width:100%; height:600px; overflow:auto;">
</iframe>

🇩🇪 German

<iframe 
  id="checkin-de" 
  src="URL?lang=de" 
  allow="camera; microphone" 
  title="Check-in Formular" 
  style="border:none; width:100%; height:600px; overflow:auto;">
</iframe>

🇮🇹 Italian

<iframe 
  id="checkin-it" 
  src="URL?lang=it" 
  allow="camera; microphone" 
  title="Modulo di check-in" 
  style="border:none; width:100%; height:600px; overflow:auto;">
</iframe>

 

💡Idea: Customize the codes and give them your own format.

⚠️ Final recommendations

  • Use only one iFrame per language.
  • Always replace the sample link with your hotel’s actual link.
  • Update the links if you change the slug.
  • Share this manual with your technical team to ensure a correct integration.
  • If in doubt, contact our Technical Support team.

❓ Frequently Asked Questions

📌 What happens if I use an incorrect link?

The guest will not be able to complete the check-in process. Always make sure the link corresponds to your property.

📌 Can I customize the online check-in button design?

Yes. You can adjust the button’s CSS to match your website’s visual identity.

📌 Does the DeepLink work with all OTAs?

It works as long as the OTA provides the locator (Booking Code) and check-in date (Entrance Date) in compatible formats.

📌 What if I change the hotel slug?

All previous links will stop working. You must update your iFrames, buttons, and communications with the new slug.

📌 How do I configure the DeepLink in Booking.com?

Copy the link generated in your Dashboard and add it to your Booking.com communications. Civitfun will auto-fill the booking code and check-in date.

I hope this article is useful! If you need more information, please contact support@customer.civitfun.com — we’ll be happy to help. 😊✍️
 

Related to

Related articles