Embed flash cards on your website

Posting a link is fine, but a set that sits right in the page gets used more. Students see the first card the moment they open the lesson, and they can flip through it without leaving your site. An EasyPalmCards embed is a small, fast player for one shared set: flash cards turn over when you click them, and talk cards page through one at a time, like cue cards in your hand.

Get the embed code

1. Make or open your setOpen the editor, type or paste your cards, and switch to flash card mode if you want a front and a back on each card.
2. Create a share link Choose Share and then Create link. Anyone with the link can view the set, so take out anything private first.
3. Open “Embed on your site” In the same share dialog, open the embed section and pick a size: Small, Medium, Large or Full width.
4. Copy the code Choose Copy code. You get one <iframe> line that you paste into any site that accepts HTML or embed code.

If your site asks for a link instead of code (Notion does), copy the address inside src="…", which starts with https://easypalmcards.com/embed/.

What visitors see

For a flash card set, visitors see one card at a time. They click the card, or press Space, to see the answer, use the arrow buttons or arrow keys to move on, and can shuffle the order. Every control works with a keyboard and a screen reader, and the buttons are big enough to tap on a phone. Under the cards there is a link to study the full set on EasyPalmCards, where Learn, Test, Match and spaced repetition are free.

For talk cards, the embed is a card viewer: it pages through the speech one card at a time. That works well for a model speech, a debate case or an example of how much to write on each cue card. The player picks up the language you used when you copied the code, or the visitor’s browser language, for its buttons.

Google Sites

Open your page in the new Google Sites editor and choose Insert, then Embed. Switch to the Embed code tab, paste the iframe code and choose Next, then Insert. Drag the corner of the box to resize it, and publish the site. Google Sites shows embedded code in its own frame, so the Medium or Full width size usually fits best.

WordPress

In the block editor, add a Custom HTML block where you want the cards and paste the code. Use Preview to check it. On a self-hosted WordPress site this works for administrators and editors. On WordPress.com, whether iframe code is kept depends on your plan; if the cards disappear after you save, the plan is removing the code, and a plain link to the set is the fallback.

Canvas

Edit a page, assignment or announcement, then open the HTML editor (the </> button below the Rich Content Editor), paste the iframe code where you want it, switch back and save. Some schools restrict which sites can be framed in Canvas. If the box stays empty for students, ask your Canvas administrator, or post the share link instead.

Moodle

Add a Page or a Label (Text and media area), or edit any text, then switch the editor to its HTML or source code view, paste the iframe code and save. Moodle filters HTML, and on many sites iframes from other websites are removed unless your account is allowed trusted content. If the code is stripped when you save, ask your Moodle administrator, or add the share link as a URL resource.

Notion

Notion does not take iframe code. Its help centre says to paste the link, and that the link should start with https, not <iframe. Choose Embed from the + menu beside a block, paste the embed address (the src link from the code) and confirm.

To be honest about the limits: Notion displays embeds through a service called Iframely, which supports a long list of sites but not every site. We have not been able to confirm that the player shows in every Notion workspace. If you see “Failed to load” or only a bookmark, use the share link as a normal link in Notion instead. Notion also notes that Iframely and the embedded site may receive the IP address of people viewing the page.

Privacy and stopping an embed

• No ads, no cookies: the player loads no ads and no analytics and sets no cookies, so it adds nothing to your site’s cookie notice.
• Speaker notes stay private unless you chose to include them with the share link.
• Images on your cards show in the embed, just as they do for anyone with the link.
• Stopping: stop sharing the set, delete it, or let an anonymous 7-day link expire, and every embed of it shows “This set is not available” within a few minutes.

Free and Gold

Embedding is free for any public share link. Without an account or Gold you can make an anonymous share link that lasts 7 days, which suits a single lesson or a homework week; the embed stops when that link ends. With Gold, share links last until you stop sharing, so an embed on a course page keeps working all term, and you can hide the small “Made with EasyPalmCards” link under the cards.

Sources