To begin or update your iFrame configuration navigate to Admin>Configuration>iFrame Configuration.
iFrame Embed Configuration
If you navigate to the iFrame Configuration screen for the first time, you will be presented with a field requesting your new Embed URL.
Setting up your iFrame Embed URL
- In your CMS, create a blank page with a page of your choosing. We recommend using 'Schedule', 'Reserve', or 'Studio'. This page will be the home of your embed. *Please Note: when you create this page- do not include this in your navigation.
- Once the page has been created, copy the URL
- Paste that URL into the Embed URL option
- Select Save.
After you save the URL, zingfit will generate your URLs for your website based on the your domain.
Configuration & Links
The general styles tab allows clients to apply different fonts and colors to your zingfit pages to match their brand.
Font Family: Below is the standard browser safe fonts that will universally work across all platforms:
|Serif Fonts||Sans-Serif Fonts||Monospace Fonts|
|Georgia, serif||Arial, Helvetica, sans-serif||"Courier New", Courier, monospace|
|"Palatino Linotype", "Book Antiqua", Palatino, serif||"Arial Black", Gadget, sans-serif||"Lucida Console", Monaco, monospace|
|"Times New Roman", Times, serif||"Comic Sans MS", cursive, sans-serif|
|Impact, Charcoal, sans-serif|
|"Lucida Sans Unicode", "Lucida Grande", sans-serif|
|Tahoma, Geneva, sans-serif|
|"Trebuchet MS", Helvetica, sans-serif|
|Verdana, Geneva, sans-serif|
Pricing Page Layout: Decide between a list layout or grid layout for your buy page.
Filters: Choose the layout for filter options displayed on your schedule page
Navigation: Decide which look and feel you want to display for navigation through weeks on your schedule
Class Description: When hovering over a class on the schedule, you can decide which hover over item appears
No matter what change you make in this setup, always remember to select 'Save' in order for your changes to apply.
If you wish for additional customization, you are more than welcome to add your own CSS to zingfit pages.
Please note: zingfit will not support Advanced CSS.
The Site Preview screen appears below your iframe configuration options. This window will provide you with a sneak peek of your options prior to going live with your customizations.