All Collections
Webinars
Post-webinar roundup: The basics of iFrame & API integration (09.22.2022)
Post-webinar roundup: The basics of iFrame & API integration (09.22.2022)

This recording is now available along with answers to your most frequently asked questions.

Samantha Postlethwaite avatar
Written by Samantha Postlethwaite
Updated over a week ago

Did you miss the webinar or want to revisit what we talked about? Look no further! Scroll down to see the timestamped video recording with answers to your questions. There's also an FAQ section to help shed more light on the topic.

  • Agenda (1:55)

  • Why integrate your store? (2:47)

  • What is an iFrame? (3:31)

  • How to set up the iFrame? (4:02)

  • Https means it's secure (5:57)

  • Embedding the store in your website (7:10)

  • Success story: Park District of Oak Park (9:47)

  • How do I position the iFrame in a website? (12:41)

  • The difference between a button and the iFrame (13:40)

  • What is an API? (14:08)

  • The basic function of the API (16:45)

  • The benefits to using the API (18:45)

  • Two things your web expert will need from you (19:32)

  • The token is a key to your data (20:31)

  • What is an endpoint? (21:23)

  • Great examples of how to use the API (23:13)

  • Use the API to create and tailor reports, calendars & dashboards (26:31)

  • What if I don't have a web expert? (27:19)

  • Resources that we offer (28:22)

  • What is a webhook? (29:11)

  • What if I can't find the information I need in the API docs? (31:14)

  • Find articles in the Knowledge Base, or contact our team (32:26)

Frequently Asked Questions

Does the iFrame work with any website?

Any secured website works with our iFrame. If you're not familiar with web code or don't have access to your website's code, ask your web developer or website provider for help. You can reach us at api@amilia.com if you have any questions.

Is the API integration available to all plans?

Yes, absolutely! The use of the API is free and accessible to any organization using our SmartRec registration software.

Can I choose which store pages to display in the iFrame?

Yes, you can display specific pages of your SmartRec store by changing the URL in the iFrame code. To get the right URL, you can choose any start page from the default list and the Production code will change to the proper URL. Another way to get the right production code is by using the preview of the integrated store below. Any page you navigate to, the production code updates the URL required to display that page.

It can even be a store page that isn't listed by default in the Store settings>Store Embedding subtab. For example, some organizations opt to display a specific program or activity page. In these cases, we recommend enlisting the help of your web expert.

How does a client buy and pay for something in the iFrame?

The iFrame lets you embed your SmartRec store so that clients can shop without leaving your organization's website. Anyone can peruse your store via the iFrame. When they click to add an item to the cart, they'll be prompted to log in to their personal account.

After logging in, they may resume adding items to the cart. The purchase and payment process is identical to being on your actual SmartRec store page.

How do users select their language choice in the iFrame?

The language option is part of the URL in SmartRec, so your web developer can change the language from English to French (or vice versa) in the provided embedding code to display the iFrame content in the proper language.

As iFrames are based on URLs, users are not able to switch languages themselves. If your website is bilingual, we suggest embedding your store with iFrames thats contain url's with "en" in your English part of your website and url's that contain "fr" in the French part of your website.

Can the iFrame be optimized for mobile?

It's not possible to complete a purchase in the iFrame when using a mobile device. Instead, clients will be redirected to your official SmartRec store site to complete the purchase.

Who do I contact if I have questions about the API?

Please send your questions to api@amilia.com to speak with an expert.

You might also be interested in:

Did this answer your question?