The Moovs customer portal is available for all versions. To add the code to your Moovs website please follow the instructions.
Embedding the Moovs Customer Portal into your website requires using iframe technology, which is widely utilized for embedding external functionalities seamlessly.
Navigate to the Customer Portal Settings page, click here.
Copy the iFrame code
Go to Your Moovs Website editor and add the iFrame Code
Publish your website, and you will have the iFrame embedded
Pro Tip: Ensure that your iframe integrates seamlessly with responsive design principles and optimizes for user experience. Follow these guidelines:
Responsive Design: Set the
widthattribute to100%for a flexible layout that fits different screen sizes.Height Adjustment: Modify the
heightvalue to ensure the full portal content displays without scrollbars. Start with a base height (e.g., 600px) and adjust incrementally as needed.Troubleshooting Overlaps: Ensure widgets like "Book Now" or other elements on your website don’t overlap with the iframe; adjust parent container padding or margins as required. For example, use this iframe code:
<iframe src="https://customer.moovs.app/{your_slug}/iframe" title="Moovs App" width="100%" height="600"></iframe>
Example Implementation
Platform-Specific Embedding Methods (e.g., Squarespace)
For popular website platforms like Squarespace, follow these steps:
Open your website editor and add a new HTML block to the desired page.
Paste the iframe code into the block:
<iframe src="https://customer.moovs.app/reserve-black/iframe/iframe" title="Moovs App" width="100%" height="600"></iframe>
Preview your website and modify the iframe dimensions if needed to optimize visibility and layout. These steps can be adapted for platforms that support custom HTML code.
