Everything you need to know
Setup guides, feature walkthroughs, and troubleshooting for WP Flashcard and every add-on — all on one page.
Getting Started
1. Install and activate the plugin
- Download
wp-flashcard.zipfrom your account at wpflashcard.com (Purchase History). - In your WordPress admin, go to Plugins → Add New Plugin → Upload Plugin, choose the zip, and click Install Now, then Activate.
- A new Flashcards menu appears in your admin sidebar.
If you were using WP Flashcard LITE, the full version automatically deactivates it and migrates your existing cards — nothing is lost.
Requirements: WordPress 5.8 or higher, PHP 7.4 or higher.
2. Activate your license
- Find your license key in your purchase receipt email or your account page at wpflashcard.com.
- Go to Flashcards → License, paste the key into the License Key field, and click Activate License.
- You'll see a green active badge with your expiration date (or "Lifetime license").
An active license unlocks creating new sets, the Settings page, CSV import, and automatic updates. Your flashcards always keep displaying on the front end for visitors, license or not.
3. Create your first flashcard set
- Go to Flashcards → Add New Set and give the set a title.
- Click Publish once — the card editor activates after the first save.
- Click Add Card, type the question in Front and the answer in Back, and click the row's Save button.
- Repeat for as many cards as you like — there's no limit.
Tip: clicking the main Update button also saves any card edits still in progress, so you won't lose work.
4. Put the flashcards on a page
Every set has a shortcode like [. You can copy it from:
- The Shortcode box in the set editor's sidebar (with a one-click Copy button), or
- The Shortcode column on the Flashcards list screen.
Paste it into any post, page, or text widget. You can place multiple sets on the same page — each works independently. The plugin's styles and scripts only load on pages that actually contain flashcards.
Creating Flashcards
The card editor
Each card has two fields — Front and Back. Cards appear in the order you create them.
- Add Card creates a new empty card and puts your cursor in its Front field.
- Each row has its own Save and Remove buttons (Remove asks for confirmation).
- Basic HTML is supported in card text — bold, italics, links, and line breaks all work.
- Deleting a set permanently also deletes its cards.
Adding images, audio, and video to cards
Just put a media URL on its own line in the Front or Back field — the plugin detects the type automatically. Use the round + button next to each field to pick a file from your Media Library, or paste any URL.
| Type | What works |
|---|---|
| Images | URLs ending in .jpg, .jpeg, .png, .gif, .bmp, .webp, .svg, .tiff |
| Audio | URLs ending in .mp3, .ogg, .wav, .m4a — shows a play button |
| Video files | URLs ending in .mp4, .webm, .ogv — shows a video player |
| Video embeds | Paste a normal YouTube, Vimeo, Wistia, Dailymotion, Loom, or Streamable link — it converts to a player automatically (YouTube Shorts work too) |
Mix text and media freely: each line of a card face renders separately — for example a question on line one and an audio URL on line two shows the text plus a player.
audio.mp3?ver=2 won't be detected — remove anything after the extension.Global appearance settings
Flashcards → Settings controls how all sets look and behave:
- Card Width / Card Height — the card's size in pixels (defaults 600×350). Turn on Fill Container to have cards stretch to whatever column or page they're placed in (width/height then set the aspect ratio).
- Font, Font Size, Text Color, Card Background Color — typography and colors for card text (20+ font choices, or your theme's default).
- Video Width % and Image Width/Height % — how much of the card media may occupy.
- Border Color / Width / Radius — card borders and corner rounding (default: no border, soft shadow, slightly rounded).
- Max Cards Per Set — cap how many cards display per set (0 = unlimited).
Per-set style overrides
Each set can override some global styles via the Set Settings box in the set editor's sidebar: layout (fill container / fixed width), border color, border width, border radius, font, video width, and image width/height. Anything left blank uses your global setting — the placeholder text shows you what the current global value is.
Importing cards from CSV
Your CSV needs two columns — front and back — with a header row (the first row is always skipped):
Front,BackWhat is the capital of France?,ParisWhat is 2+2?,4
Two ways to import:
- Flashcards → Import — creates a brand-new set: enter a set name, choose the .csv file, click Import Flashcards.
- The "Import CSV" button inside a set's card editor — appends the rows to the current set, after any existing cards.
Both routes keep HTML formatting in cells, and cells can contain multiple lines or paragraphs — spreadsheet apps quote multi-line cells automatically on export, and the importer handles them as single cards.
This is also the way to bring cards over from Quizlet — export there, import here. Save the file as plain UTF-8 CSV for best results.
The Study Experience
Controls on the card
- Flip — click or tap anywhere on the card (playing media or clicking the star won't flip it).
- Previous / Next — the arrow buttons under the card, with a "3 of 20" counter between them. On phones, swiping left/right also navigates.
- Star — the star button in the card's top-right corner marks a card for focused review later.
- Shuffle — toolbar button; randomizes the order without losing your place.
- Switch sides — toolbar button; shows backs first instead of fronts (great for reverse practice).
Keyboard shortcuts
- → next card · ← previous card
- Space, ↑, or ↓ — flip the card
- Enter — Start Over from the completion screen
With multiple sets on one page, shortcuts control the set the visitor used most recently.
Finishing a set & studying starred cards
After the last card, learners see a "Nice Work!" screen with how many terms they studied and options to:
- Start Over — run the deck again (shuffle is respected).
- Study Starred Terms — restart with only the cards they starred.
- Study all terms — return to the full deck from starred mode.
Starred cards, shuffle, and switched sides are remembered in the visitor's browser between visits. Position in the deck is not — a page reload starts from card 1.
Licenses & Updates
Activating a license (plugin or add-on)
Each product has its own license key and its own License page under the Flashcards menu (e.g. "WP Flashcard License", "WP Flashcard — AI Generator License"). Paste the key, click Activate License, and you're done.
Add-on license menu items tidy themselves away once activated — the page stays reachable, the clutter doesn't.
Site limits & moving to a new site
Your plan determines how many sites a key can be active on: Basic = 1 site, Standard = 5 sites, Pro = unlimited.
Moving to a new site? Click Deactivate License on the old site first — that frees the slot instantly. If you see "This license has reached its site activation limit", deactivate it on a site you no longer use, or upgrade your plan from your account page (you only pay the difference).
Automatic updates
With an active license, updates appear on your normal Plugins screen and in Dashboard → Updates, just like wordpress.org plugins — one click to update. Each add-on updates independently.
What happens without a license?
- Main plugin: your existing flashcards keep displaying to visitors and stay editable, but creating new sets, the Settings page, CSV import, and updates are paused until a key is activated.
- Add-ons: features switch off entirely (study sessions gracefully fall back to standard behavior) and a reminder notice appears on Flashcards admin screens.
AI Generator
Setup: connect your AI provider
- Install and activate the add-on, then activate its license (Flashcards → WP Flashcard — AI Generator License).
- Go to Flashcards → AI Generator → Settings tab.
- Choose a Provider: OpenAI, Anthropic (Claude), or Custom/OpenAI-Compatible (works with OpenRouter, Groq, Together AI, or local LLMs).
- Paste your API key (links on the page take you to platform.openai.com or console.anthropic.com to create one) and click Save Settings.
- After saving, the Model dropdown fills with models available to your account — pick one and save again.
You can also set the default card count (15), the creativity level (Temperature), and customize the System Prompt that guides generation.
Generating cards: the five input modes
On the Generator tab, pick an input mode:
- Paste Text — class notes, articles, study guides. More content = better cards; paste at least a paragraph.
- Topic / Idea — just describe what you want, e.g. "The American Revolution — key events, people, and dates". Specific beats general.
- URL / Video — any public web page, or a YouTube/Vimeo link (uses the video's captions; YouTube videos with captions enabled work best).
- Upload PDF — drag & drop a PDF; its text is extracted automatically. Works best with text-based PDFs (scanned images may not extract).
- Image Cards — AI-generated visual cards (see the next section).
Then set Cards (1–100), Difficulty (Easy / Medium / Hard), and Language (type any language — cards generate in it), and click Generate Flashcards. Generation takes roughly 15–60 seconds.
Review, edit, and save
Generated cards appear in a preview where you can click any card text to edit it and remove cards with the × button. Then choose:
- New set — names itself automatically (you can change it) and gives you the shortcode with a Copy button when done.
- Existing set — appends the cards to a set you pick.
From the success screen you can jump straight to Edit Flashcard Set or Generate More Cards.
AI image cards (optional)
With an OpenAI key configured under Settings → Image Generation, you can generate images on card faces — or build whole visual decks with the Image Cards mode (front = clean image, back = labeled version).
- Choose the image model, Quality (Low/Medium/High), and Size (square, portrait, landscape).
- Add a style hint ("watercolor illustration, soft pastel palette") and optionally a reference image from your Media Library to keep all cards visually consistent.
- Before generating you can review and edit each image prompt; save your favorite style setups as reusable templates.
- Images generate in small batches with a progress bar and land in your Media Library. Failed images can be retried without regenerating the rest.
Costs, privacy & keys
The add-on is bring-your-own-key: all AI calls go directly from your site to your provider using your key. Nothing passes through wpflashcard.com, and there are no per-card fees from us — you pay your AI provider's usage rates only.
Who can use it: anyone who can edit posts can generate cards; only administrators see the Settings tab.
Common AI Generator issues
- "AI API is not configured" — add and save your API key in the Settings tab.
- Model dropdown empty — the key must be saved before models can load.
- "Failed to parse flashcards" — occasionally the AI returns an unexpected format; just generate again.
- PDF extraction failed — the PDF is probably scanned images; copy the text and use Paste Text instead.
- YouTube "could not extract a transcript" — the video has no captions; paste the content manually.
- Image generation 4xx error — complete OpenAI organization verification.
Spaced Repetition
How it works for learners
After flipping a card to see the answer, a rating bar appears below the set — "How well did you know this?" with three buttons:
- Hard (red) — the card comes back soon (after roughly 15% of the remaining cards).
- So-So (orange) — the card comes back later (after roughly 40% of the remaining cards).
- Easy (green) — the card is done for this session.
Rating is optional — learners can skip past any card. Repeated cards keep their original position number, so the "X of Y" counter never jumps around, and a session can't end while rated-Hard cards are still owed a repeat.
Keyboard shortcuts: 1 = Hard, 2 = So-So, 3 = Easy (shown under the buttons).
Starred-cards drill mode
When studying starred cards, Easy means "mastered": the card is automatically un-starred and leaves the deck, while Hard and So-So keep it cycling. The starred list literally empties itself as the learner masters each card — a drill-until-done loop.
Sessions & setup
Spaced repetition is session-based: ratings live for the current visit, and reloading the page (or pressing Start Over) begins a fresh session. Star/unstar changes do persist, via the main plugin.
Setup: there is none. Install the add-on, activate its license (Flashcards → WP Flashcard — Spaced Repetition License), and every flashcard set on your site gets the rating bar automatically. Without a valid license, sets simply behave as standard flashcards.
Bulk Toolkit
Bulk Paste: create cards from any text
On the Bulk Paste tab, paste rows of text — one card per line, front and back separated by your chosen Separator (Tab, comma, semicolon, pipe, or double-colon):
What is the capital of France?[TAB]Paris
- Target Set — pick an existing set or type a new set name to create one.
- Mode — append to the set's existing cards, or replace them all (with a confirmation).
- "First line is a header" — check it to skip row 1.
- A live "N cards detected" counter and a Preview button show exactly what will be created before you click Import Cards.
Only the first separator on each line splits the card, so backs can freely contain commas and colons.
Export to CSV, Anki, or TSV
On the Export tab, pick a set and a format, then click Download Export:
- CSV — comma-separated with a header row; opens perfectly in Excel.
- Anki — tab-separated .txt with no header, ready for Anki: in Anki go to File → Import, and if you kept HTML, tick "Allow HTML in fields".
- TSV — tab-separated with header; works with Quizlet, Brainscape, and similar apps.
The HTML in cards option lets you keep HTML tags (Anki supports them) or strip to plain text.
Google Sheets sync
Maintain a set's cards in a spreadsheet — great for collaborating:
- In Google Sheets: File → Share → Publish to web, choose Comma-separated values (.csv), and copy the link.
- Format: Column A = Front, Column B = Back; row 1 is treated as a header and skipped.
- In Flashcards → Bulk Toolkit → Google Sheets: choose the target set, paste the link into Published Sheet URL (regular sharing links are converted automatically), and click Sync Now.
- Mode: use "Replace all cards in set (full sync)" to keep the set mirroring the sheet — this is the recommended mode. (Append mode re-adds every sheet row on each sync, so repeated appends create duplicates.)
- Auto-sync: tick the checkbox and click Save Auto-sync Settings to re-sync roughly every hour automatically. Linked sets appear in the Currently Linked Sets table with their last sync time; Unlink stops syncing but keeps the imported cards.
Animations & Sounds
Sounds & animations settings
Everything applies site-wide to all sets and works automatically once the license is active. The settings page gives you:
- Master controls — Sound Effects on/off, Animations on/off, and a master Volume slider (default 50%).
- Individual sounds — separate toggle and volume for each: card flip, next/previous swoosh, star/unstar, shuffle, switch sides, set-completed fireworks, and button clicks.
- Fireworks — a celebratory burst over the card when a learner completes a set.
- Star Particles — gold sparkles when starring a card.
Note: browsers only allow audio after the visitor's first interaction with the page — so the very first click won't have sound, and everything after will.
Text-to-speech: reading cards aloud
With Read Aloud enabled (it's on by default), a small speaker button appears in the bottom-left corner of every card face that contains text. Learners click it to hear the card; clicking again stops. Optional Auto-Read speaks each card automatically as it appears or flips.
- Voice Volume and Speech Rate sliders control the voice independently of sound effects.
- Speech uses the visitor's browser's built-in voices — nothing is sent to any server, and available voices vary by browser and device. If a browser doesn't support speech, the buttons simply don't appear.
Voice accents: global, per set, and per visitor
Voice accents control pronunciation — perfect when one side of your cards is in a different language or accent:
- Global default — set the Default Voice Style in the add-on's settings (34 accent options, from English US/UK/Australian to Spanish, Japanese, Arabic, and more).
- Per set — the Text-to-Speech Voice Styles box in each set's editor lets you pick a different accent for the front and back sides.
- Per visitor — learners can open the Voice Settings panel (microphone button in the toolbar) to choose their preferred voice for each side, with preview buttons. Their choice is remembered in their browser.
Accessibility
All visual effects automatically respect the visitor's reduced-motion preference — anyone whose device requests reduced motion gets a calm, animation-free experience with flashcards that work exactly the same. No configuration needed.
Troubleshooting
My shortcode shows nothing on the page
Check that the id in the shortcode matches a published flashcard set (copy it fresh from the Shortcode column on the Flashcards list). A set that exists but has no cards shows "No flashcards in this set." instead.
My image/audio URL displays as text instead of media
The URL must end with the file extension and sit on its own line. Remove anything after the extension (like ?ver=2) and make sure the URL isn't sharing a line with other text.
"This license has reached its site activation limit"
Your key is active on as many sites as your plan allows. Either Deactivate License on a site you no longer use (that frees the slot immediately), or upgrade to a higher plan from your account at wpflashcard.com — you pay only the difference.
Updates aren't showing up
Confirm the product's license shows a green active badge on its License page, then visit Dashboard → Updates and click "Check again". Each add-on needs its own active license for updates.
The speaker / voice button isn't appearing
Three things to check: the Animations & Sounds license is active, Read Aloud is enabled in its settings, and the card face actually contains text (media-only faces get no speaker button). Also note a few browsers don't support speech synthesis — the button hides itself there.
Google Sheets sync fails
The sheet must be published to the web (File → Share → Publish to web → CSV) — normal link-sharing isn't always enough. Also confirm your cards are in columns A and B with a header in row 1.
Still stuck?
We're an email away — reach out via the Support page and we'll get you sorted.

