Introduction #
The LearnDash App supports a range of Gutenberg blocks that can be used in the App Editor, App Pages, Blog Posts, and LearnDash courses. Supported blocks enable React Native block rendering, ensuring that content is displayed natively in the app rather than relying on web fallbacks.
This guide outlines the supported Gutenberg blocks, their functionality, and how they behave within the LearnDash App.
Understanding Supported App Blocks #
- Supported blocks display natively in the app, improving performance and user experience.
- LearnDash App blocks provide special app-specific functionality and are primarily used in App Pages.
- LearnDash course blocks can be downloaded for offline access when course downloading is enabled.
- Unsupported blocks are displayed inside a web fallback modal, but you can remove them or replace them with supported blocks using the App Editor.
When editing content in the App Editor, supported blocks are marked with a mobile app icon, indicating they will render natively in the app. In LearnDash courses, a download icon appears on blocks that support offline access.
Supported Gutenberg Blocks in the LearnDash App #
WordPress Blocks #
These blocks are supported natively in the app and ensure proper formatting and media display. If used in LearnDash courses with offline mode enabled, they can be downloaded for offline access.
Text Blocks #
- Paragraph
- Heading
- List
- Quote
- Code
- Preformatted
- Pullquote
- Table
- Verse
Media Blocks #
- Image
- Gallery
- Audio
- Cover
- File
- Media & Text
- Video
Design Blocks #
- Buttons
- Columns
- Group
- More
- Page Break
- Separator
- Spacer
Widgets #
- Custom HTML (Only if it does not include iframes or web content)
Embeds #
These embedded media sources are supported for in-app playback:
- YouTube
- WordPress
- SoundCloud
- Spotify
- Flickr
- Vimeo
- Dailymotion
- TED
- TikTok
- Tumblr
- Amazon Kindle
(Additional embed sources such as Imgur, Kickstarter, Reddit, and Scribd are also supported.)
LearnDash App Blocks #
These blocks are exclusive to the LearnDash App Plugin and provide app-specific functionality. They can only be used within App Pages.
- Courses
- Notifications
- Quick Links
- H5P (For displaying interactive H5P content in LearnDash courses)
Custom Blocks #
If you develop and register your own custom blocks, they will appear under LearnDash App Blocks in the App Editor. These blocks will be available for use in App Pages and the App Editor for native rendering in the app.
For more details on registering custom blocks, refer to our Developer Documentation on WordPress block integration.
Offline Course Blocks (LearnDash Integration) #
If Offline Courses are enabled in the LearnDash Integration settings, the following blocks can be downloaded for offline use:
Text Blocks #
- Paragraph
- Heading
- List
- Quote
- Code
- Preformatted
- Pullquote
- Table
- Verse
Media Blocks #
- Image
- Gallery
- Audio
- Cover
- File
- Media & Text
- Video
Design Blocks #
- Buttons
- Columns
- More
- Page Break
- Separator
- Spacer
Widgets #
- Custom HTML (If it does not include iframes or external web content)
Embeds #
- Vimeo (Only if the Vimeo Integration is enabled and purchased)
Handling Unsupported Blocks #
If a block is not natively supported, it will still be visible in the app, but it will appear inside a web fallback modal rather than being rendered as a native element.
How to Avoid Web Fallbacks: #
- Remove unsupported blocks or replace them with supported ones.
- Use the App Editor to create app-specific content without relying on unsupported blocks.
- Edit Web Fallback settings to control how unsupported content is displayed inside the In-App Browser (refer to our Developer Documentation on Web Fallbacks).
Troubleshooting & FAQs #
Q: Why are some blocks not rendering properly in the app?
A: Unsupported blocks open in a web fallback modal. Use only supported blocks to ensure native rendering.
Q: How do I know which blocks are supported?
A: In the App Editor, supported blocks show a mobile app icon.