Using JRNI
Appointments
Creating and managing bookings via Call Center
Personal Booking Links
Locating bookings and customers
Resolving conflicting shift patterns
Locations overview
Creating pre and post appointment questions
Changing the staff member or resource on an upcoming booking
Adding attendees to existing and upcoming bookings
Rescheduling and canceling bookings
Blocking out time on the calendar
Creating appointment bookings
Calendar overview
Parent and Child level overview
Using Check In for appointments
Staff
Editing and removing staff members
Configuring availability by method
Creating staff members
Creating and managing staff availability
Creating availability for multi-location staff
Services
Categories
Creating and editing Services
Configuring the reservation workflow
Creating service schedules
Resources
Analytics
Google Analytics - New Customer Journeys
Using the lead time dashboard
Using the Appointment Dashboard
Using the HQ Dashboard
Setting up KPI targets and alerts
Drilling down into your data
Using Table Calculations
Filtering Dashboard and Report data
Creating your own Reports
Creating and modifying a Dashboard
Sending, scheduling, and downloading Reports/Dashboards
Exploring the library of Dashboards and Reports
Using the Conversion Dashboard
Analytics overview
Using the Event Dashboard
Using the Basic Dashboard
Using the Capacity Dashboard
Booking journeys
How to deeplink into booking journeys
How to use iframes
Direct Links
*New* Journey builder
*New* Customer Journeys
Customer Journeys
Appointment automation
Virtual Queuing
Overview of the Concierge page
Setting up a virtual queue
How customers can join a live queue
Overview of JRNI Virtual Queuing
Managing live queues via the Concierge page
Setting up and managing a display board
Events
Event journeys
Events Staff Experience
Events Bulk Import
Events setup and config
*New* Event landing page builder
Branding
How to translate your content
Account Settings & Administration
Understanding user roles and permissions
How to reset or update your JRNI password
Creating and managing user access
Connectors & API
Calendar
Video
CRM
Salesforce
Guide to Salesforce Integration with JRNI
Add BookingBug updates to Chatter
Set up a booking journey in Salesforce
Manage user permissions and profiles
Use Studio inside Salesforce
Standard and Custom object mapping
Link JRNI staff to Salesforce users
Map customers, appointments and events
Set up the data sync
Integrating with Yext for JRNI Appointments
Release notes
V7.55-V7.57 (August 2024)
V7.54 - V7.55 (July 2024)
V7.52-V7.53 (June 2024)
V7.49-V.51(May 2024)
V.7.47-V.7.48 (April 2024)
V.7.46 - V7.47 (March 2024)
V.7.45 (February 2024)
V7.42 - V.7.44 (January 2024)
V7.41.0 (Dec 14 2023)
V7.40.0 (December 11 2023)
V7.39.0 (December 1 2023)
V7.38.0 (November 20 2023)
V7.37.0 (Nov 7 2023)
V7.36.0 (Oct 30 2023)
V7.35.0 (Oct 18 2023)
V7.34.0 (Oct 13 2023)
V7.33.0 (Sep 28 2023)
V7.32.0 (Sep 28 2023)
V7.31.0 (Sep 20 2023)
V7.30.0 (Sep 20 2023)
V7.29.0 (Sep 7 2023)
V7.28.0 (Aug 29 2023)
V7.27.0 (Aug 29 2023)
V7.26.0 (Aug 20 2023)
V7.25.0 (Aug 9 2023)
V7.24.0 (Aug 9 2023)
V7.23.0 (July 31 2023)
V7.22.0 (July 24 2023)
V7.21.0 (July 18 2023)
V7.20.0 (July 5 2023)
V7.19.0 (June 29 2023)
V7.18.0 (June 26 2023)
V7.17.0 (June 14 2023)
V7.1.0 (March 6 2023)
V7.2.0 (March 8 2023)
V7.0.0 (February 9 2023)
V7.16.0 (June 8 2023)
V7.15.0 (June 1 2023)
V7.14.0 (June 7 2022)
V7.11.0 (April 24 2023)
V7.10.0 (April 20 2023)
V7.9.0 (April 12 2023)
V7.8.0 (April 5 2023)
V7.7.0 (March 30 2023)
V7.6.0 (March 29 2023)
V7.5.1 (March 20 2023)
V7.5.0 (March 16 2023)
V7.4.0 (March 11 2023)
V7.3.0 (March 9 2023)
- All Categories
- Using JRNI
- Booking journeys
- How to use iframes
How to use iframes
Updated
by Lorena
What are iframes?
Our booking journeys can be embedded into your own website or mobile app to allow your customers to book in a streamlined and consistent flow.
This only requires adding a small piece of HTML onto the page where you would like the journeys to be hosted.
How to embed an iframe?
This article describes how to create a new customer journey.
- The published journey card under "Journey Builder" contains the HTML snippet for you to copy.
![](https://files.helpdocs.io/0g91m8g19t/articles/zkqqc51zpf/1717755388532/screenshot-2024-06-07-at-11-16-13.png)
For older journeys please ask your CSM to provide this for you. Then simply copy the snippet, and paste it into the HTML of your website or mobile app.
- The html snippet needs to be added to the <head> of the page that you want to embed the widget in for Iframe Resizer.
<head>
<script type="text/javascript"> src="path/to/iframeResizer.min.js"></script>
</head>
- In the <body> of the same page, you then add the booking widget itself:
<iframe id="journey-app" width="100%" scrolling="no" frameborder="0" src="https://booking.jrni.com/?client=test_12345&product=Customer Journey&environment=production"></iframe>
<script type="text/javascript">
iFrameResize({log:false, checkOrigin:false, enablePublicMethods:true}, '#journey-app');
// pass url params to the iframe
var params = window.location.search;
var iframe = document.getElementById("journey-app");
iframe.src += params;
</script>
If JQuery is present, rather than initialising the widget with native JS, you can initialize the iframe resizer like so:
$('#journey-app').iFrameResize({checkOrigin:false, log: false, enablePublicMethods: true});
Additional information
If you want to allow maps to work correctly in your iframes, please use:
allow="geolocation"
If you want to allow any copy functionality in your iframes, please use:
allow="clipboard-read; clipboard-write"
If you have any questions please contact your JRNI Account Manager.