{"id":3621,"date":"2022-07-18T15:05:05","date_gmt":"2022-07-18T15:05:05","guid":{"rendered":"https:\/\/minicoursegenerator.com\/?post_type=docs&#038;p=3621"},"modified":"2025-07-03T12:43:42","modified_gmt":"2025-07-03T12:43:42","password":"","slug":"embedding-in-a-webpage","status":"publish","type":"docs","link":"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/","title":{"rendered":"Embedding in a Webpage"},"content":{"rendered":"<p dir=\"ltr\"><span dir=\"ltr\">If you have a website built on WordPress, you can embed your mini-courses in your website easily with\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/mini-course-generator\/\"><u>Mini Course Generator plug-in<\/u><\/a>.<\/span><\/p>\n<p dir=\"ltr\"><span dir=\"ltr\">We have a quick and easy-to-follow tutorial, right\u00a0<a href=\"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-with-wordpress-plug-in\/\"><u>here<\/u><\/a>.<\/span><\/p>\n<p dir=\"ltr\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-4023 size-large\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01-1024x478.png\" alt=\"Mini Course Generator WordPress plug-in.\" width=\"800\" height=\"373\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01-1024x478.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01-300x140.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01-768x359.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01-1536x717.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01-2048x956.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><em><strong>Note:<\/strong> WordPress plug-in only works for embedding mini-courses. To embed collections, please use JS embed codes.<\/em><\/p>\n<h2>Embedding Mini Courses<\/h2>\n<p>If you have a non-WordPress hosted website or if you are using a membership platform, you can embed your mini-courses in your website by getting the embed code in either JavaScript or iframe HTML.<\/p>\n<p>On your mini-course editor, click on the \u201cShare\u201d button and &#8220;Embed on a website&#8221; to reach the relevant code.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8349\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/ScreenRecording2024-08-19at13.10.50-ezgif.com-video-to-gif-converter.gif\" alt=\"\" width=\"800\" height=\"417\" \/><\/p>\n<p><strong>Note:<\/strong> You can also reach the \u201cEmbed\u201d code from your home page as well, under the dots menu of a mini-course.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-8348\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.15.15-2-1024x529.png\" alt=\"\" width=\"800\" height=\"413\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.15.15-2-1024x529.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.15.15-2-300x155.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.15.15-2-768x397.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.15.15-2-1536x793.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.15.15-2.png 1901w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>When you open the \u201cEmbed\u201d pop-up, you can see the embed codes of that mini-course.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8347\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.23.49-1024x563.png\" alt=\"\" width=\"800\" height=\"440\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.23.49-1024x563.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.23.49-300x165.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.23.49-768x422.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.23.49-1536x845.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.23.49.png 1591w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>You need to choose between <strong>JavaScript<\/strong> and <strong>iFrame HTML<\/strong>.<\/p>\n<ul>\n<li>Embedding JavaScript code gives the best result for user experience. Especially the mini-courses which include more than one card should be embedded with JS for more controlled and smooth performance. Additionally, JavaScript outperforms iframe HTML when multiple collections or mini-courses are embedded in the same URL.<\/li>\n<li>On the other hand, embedding with iFrame HTML is easier and quicker. Hence, using iFrame HTML code to embed single card mini-courses is also a valid option.<\/li>\n<\/ul>\n<p>In this article, we will talk about both scenarios. The process may change for various website builders, but the logic behind is more or less the same. We will demonstrate an example by using Wix.<\/p>\n<h3>Embedding a JavaScript Code<\/h3>\n<p>On your website builder, you need to find the place to embed custom codes. On Wix, it is under Marketing Tools.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8346\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_4-1-1024x580.png\" alt=\"\" width=\"800\" height=\"453\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_4-1-1024x580.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_4-1-300x170.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_4-1-768x435.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_4-1-1536x870.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_4-1-2048x1161.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>There, you will see separate places for Head and Body.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8345\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_5-1-1024x583.png\" alt=\"\" width=\"800\" height=\"455\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_5-1-1024x583.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_5-1-300x171.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_5-1-768x437.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_5-1-1536x874.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_5-1-2048x1166.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><strong>Note:<\/strong> Body \u2013 Start and Body \u2013 End indicate different positions in your page, but practically they are the same. Choose one of them for your embed.<\/p>\n<p>Go back to MCG. You can get the &lt;head&gt; and &lt;body&gt; tags of JS embed codes by under the Embed tab which is opened by default.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8344\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.22.00-1024x568.png\" alt=\"\" width=\"800\" height=\"444\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.22.00-1024x568.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.22.00-300x166.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.22.00-768x426.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.22.00-1536x852.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.22.00.png 1593w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Copy these tags separately and paste them to relevant places. Then, you need to define on which page these codes will be active. You can give a name to this embed if you want. Click \u201cApply\u201d.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8343\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_7-1-1024x582.png\" alt=\"\" width=\"800\" height=\"455\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_7-1-1024x582.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_7-1-300x170.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_7-1-768x436.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_7-1-1536x873.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_7-1-2048x1163.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>After you add both Head and Body codes, you can preview your page on Wix. Some embeds do not appear in preview mode, but they become visible when you publish your page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8342\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_8-1-1024x581.png\" alt=\"\" width=\"800\" height=\"454\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_8-1-1024x581.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_8-1-300x170.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_8-1-768x436.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_8-1-1536x871.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_8-1-2048x1162.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3>Embedding an iframe HTML Code<\/h3>\n<p>To embed an iFrame HTML code, you need to find the place to embed HTML on your website builder. On Wix, it is under Popular Embeds.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8341\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_9-1-1024x581.png\" alt=\"\" width=\"800\" height=\"454\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_9-1-1024x581.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_9-1-300x170.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_9-1-768x436.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_9-1-1536x872.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_9-1-2048x1163.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>\u201cEmbed HTML\u201d option gives you an embed box, which you can expand and position according to your needs.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8340\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_10-1-1024x576.gif\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_10-1-1024x576.gif 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_10-1-300x169.gif 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_10-1-768x432.gif 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>The embed settings bar will emerge when you click on the embed box. Click on \u201cEnter Code\u201d.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8339\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_11-1-1024x581.png\" alt=\"\" width=\"800\" height=\"454\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_11-1-1024x581.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_11-1-300x170.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_11-1-768x436.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_11-1-1536x872.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_11-1-2048x1163.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Go back to MCG. You can get the iframe HTML code by clicking the iFrame Code tab.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8338\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.24.11-1024x568.png\" alt=\"\" width=\"800\" height=\"444\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.24.11-1024x568.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.24.11-300x166.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.24.11-768x426.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.24.11-1536x852.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-14.24.11.png 1593w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Copy this code and paste it into the provided space on Wix.<\/p>\n<p>After you update the embed box, you can preview your page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8350\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_13-2-1024x576.gif\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_13-2-1024x576.gif 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_13-2-300x169.gif 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_13-2-768x432.gif 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Please be advised that in JS embeds, the mini-course is placed in a space with enough height to view the cards as whole. However in HTML embeds, the user may need to scroll down to view all elements in a card.<\/p>\n<p>Moreover, when many cards exist, JS embeds operate better while the user is skipping to the next card. Because while the HTML embeds stay scrolled down in the new card, the JS embed shows the beginning of a card first. That\u2019s why, especially for multi-card mini-courses, we recommend JS embed.<\/p>\n<p><strong>Note:<\/strong> If you want to display social sharing buttons on your mini-course, make sure that the related option is activated as shown in the image below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8337\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.32.17-2-1024x564.png\" alt=\"\" width=\"800\" height=\"441\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.32.17-2-1024x564.png 1024w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.32.17-2-300x165.png 300w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.32.17-2-768x423.png 768w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.32.17-2-1536x847.png 1536w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screenshot-2024-08-19-at-13.32.17-2.png 1593w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>When you activate this option, your mini-course is modified to display the following buttons on your mini-course. Hence, your audience can share your mini-course on their social media more easily and faster.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8335\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_15-1003x1024-1.png\" alt=\"\" width=\"1003\" height=\"1024\" srcset=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_15-1003x1024-1.png 1003w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_15-1003x1024-1-294x300.png 294w, https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/8_15-1003x1024-1-768x784.png 768w\" sizes=\"(max-width: 1003px) 100vw, 1003px\" \/><\/p>\n<h2>Embedding Collections<\/h2>\n<p>Collections of mini-courses can be embedded in your webpage just as mini-courses can be. Only difference is that collections can only be embedded using <strong>JS code<\/strong>. To embed a collection, choose the relevant collection on your admin dashboard and click on &#8220;Share&#8221;. Then, choose &#8220;Embed on a website&#8221; to get the JS embed code of your collection.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8334\" src=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/ScreenRecording2024-08-19at13.44.00-ezgif.com-video-to-gif-converter-2.gif\" alt=\"\" width=\"800\" height=\"417\" \/><\/p>\n<p>After getting the JS head and body embed code, simply paste it to the relevant sections of your webpage.<\/p>\n<h2 data-identifyelement=\"474\">Frequently Asked Questions<\/h2>\n<h3>Can I Embed a Gated Collection on My Website?<\/h3>\n<p>Yes, you can embed gated collections on your website, if the learner access method is set to either\u00a0<a href=\"https:\/\/minicoursegenerator.com\/knowledge-base\/enable-access-after-double-opt-in\/\"><b>Email Verification<\/b><\/a>\u00a0or\u00a0<a href=\"https:\/\/minicoursegenerator.com\/knowledge-base\/enable-access-to-specific-learners\/\"><b>Specific Learners<\/b><\/a>.<\/p>\n<div class=\"intercom-interblocks-subheading3 intercom-interblocks-align-left\">\n<h4 id=\"h_a58b15b4ab\">How Does It Work?<\/h4>\n<p>When you embed a gated collection using one of these access methods, your learners will be prompted to enter their email address. After submitting their email, they will receive a verification code. Once they enter the correct code, they will be able to access and experience your course content directly on your website, without being redirected elsewhere.<\/p>\n<p>This ensures that access to your collection is restricted only to verified users, while still providing a seamless experience within your own site or product.<\/p>\n<div class=\"intercom-interblocks-subheading3 intercom-interblocks-align-left\">\n<h4 id=\"h_8c0ebda93c\">Important Note About Pay-Wall Gateways<\/h4>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>Currently, <a href=\"https:\/\/minicoursegenerator.com\/knowledge-base\/sell-mini-courses-online\/\">pay-wall gateways<\/a> (such as Stripe or Lemon Squezzy) are <strong>not fully compatible<\/strong> with embedded collections. This is because payment gateways require learners to complete the payment process on an external site, which means they will be redirected away from your website to finalize their purchase. As a result, the embedded experience is interrupted.<\/p>\n<p>If you require payment before access, we recommend linking to your course or collection directly instead of embedding it, so that the payment and access flow remains smooth for your learners.<\/p>\n<hr \/>\n<\/div>\n<\/div>\n<div class=\"intercom-interblocks-paragraph no-margin intercom-interblocks-align-left\">\n<p>\u2753 Please reach out us via Messenger on bottom right if you have any question about <strong>Embedding in a Webpage<\/strong>.<\/p>\n<hr \/>\n<\/div>\n<p data-identifyelement=\"474\"><span dir=\"ltr\" data-identifyelement=\"475\" data-preserver-spaces=\"true\"><strong dir=\"ltr\" data-identifyelement=\"476\">Haven&#8217;t you signed up yet?<\/strong><\/span><\/p>\n<p data-identifyelement=\"474\"><span dir=\"ltr\" data-identifyelement=\"475\" data-preserver-spaces=\"true\">Join thousands of professionals in achieving more by creating mini-courses.<\/span><span dir=\"ltr\" data-identifyelement=\"477\" data-preserver-spaces=\"true\">\u00a0<\/span><span dir=\"ltr\" data-identifyelement=\"479\" data-preserver-spaces=\"true\"><u data-identifyelement=\"482\"><a href=\"https:\/\/minicoursegenerator.com\/?ref=fd\">Explore now!<\/a><\/u><\/span><\/p>\n<p id=\"ember6813\" class=\"attachment-thumb ember-view\">\n","protected":false},"excerpt":{"rendered":"<p>If you have a website built on WordPress, you can embed your mini-courses in your website easily with\u00a0Mini Course Generator plug-in. We have a quick and easy-to-follow tutorial, right\u00a0here. Note: WordPress plug-in only works for embedding mini-courses. To embed collections, please use JS embed codes. Embedding Mini Courses If you have a non-WordPress hosted website [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[16],"doc_tag":[],"class_list":["post-3621","docs","type-docs","status-publish","hentry","doc_category-sharing-user-experience"],"year_month":"2025-12","word_count":995,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"admin","author_nicename":"admin","author_url":"https:\/\/minicoursegenerator.com\/blog\/author\/admin\/"},"doc_category_info":[{"term_name":"Sharing &amp; Managing Mini Courses","term_url":"https:\/\/minicoursegenerator.com\/knowledge-base-category\/sharing-user-experience\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Embed Courses in Webpages - Mini Course Generator<\/title>\n<meta name=\"description\" content=\"Embed mini-courses in your webpage with JavaScript (JS) or iframe HTML codes easily and quickly. Use any webpage builder like Wix, Wordpress, Shopify, etc.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embed Courses in Webpages - Mini Course Generator\" \/>\n<meta property=\"og:description\" content=\"Embed mini-courses in your webpage with JavaScript (JS) or iframe HTML codes easily and quickly. Use any webpage builder like Wix, Wordpress, Shopify, etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/\" \/>\n<meta property=\"og:site_name\" content=\"Mini Course Generator\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/MiniCourseGenerator\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-03T12:43:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01-1024x478.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@minicoursegen\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/\",\"url\":\"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/\",\"name\":\"Embed Courses in Webpages - Mini Course Generator\",\"isPartOf\":{\"@id\":\"https:\/\/minicoursegenerator.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01-1024x478.png\",\"datePublished\":\"2022-07-18T15:05:05+00:00\",\"dateModified\":\"2025-07-03T12:43:42+00:00\",\"description\":\"Embed mini-courses in your webpage with JavaScript (JS) or iframe HTML codes easily and quickly. Use any webpage builder like Wix, Wordpress, Shopify, etc.\",\"breadcrumb\":{\"@id\":\"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/#primaryimage\",\"url\":\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01.png\",\"contentUrl\":\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01.png\",\"width\":2880,\"height\":1345,\"caption\":\"Mini Course Generator WordPress plug-in.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/minicoursegenerator.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Knowledge Base\",\"item\":\"https:\/\/minicoursegenerator.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Embedding in a Webpage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/minicoursegenerator.com\/#website\",\"url\":\"https:\/\/minicoursegenerator.com\/\",\"name\":\"Mini Course Generator\",\"description\":\"The simplest and fastest way to create mini-courses\",\"publisher\":{\"@id\":\"https:\/\/minicoursegenerator.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/minicoursegenerator.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/minicoursegenerator.com\/#organization\",\"name\":\"Mini Course Generator\",\"url\":\"https:\/\/minicoursegenerator.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/minicoursegenerator.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2021\/09\/mcg-web-logo-1.svg\",\"contentUrl\":\"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2021\/09\/mcg-web-logo-1.svg\",\"width\":221,\"height\":49,\"caption\":\"Mini Course Generator\"},\"image\":{\"@id\":\"https:\/\/minicoursegenerator.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/facebook.com\/MiniCourseGenerator\/\",\"https:\/\/x.com\/minicoursegen\",\"https:\/\/www.youtube.com\/channel\/UCZ_Lfax1s8PZH_TUNMjrj7A\",\"https:\/\/www.linkedin.com\/company\/mini-course-generator\",\"https:\/\/www.instagram.com\/minicourse_generator\/\",\"https:\/\/discord.gg\/3p74FyePEf\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Embed Courses in Webpages - Mini Course Generator","description":"Embed mini-courses in your webpage with JavaScript (JS) or iframe HTML codes easily and quickly. Use any webpage builder like Wix, Wordpress, Shopify, etc.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/","og_locale":"en_US","og_type":"article","og_title":"Embed Courses in Webpages - Mini Course Generator","og_description":"Embed mini-courses in your webpage with JavaScript (JS) or iframe HTML codes easily and quickly. Use any webpage builder like Wix, Wordpress, Shopify, etc.","og_url":"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/","og_site_name":"Mini Course Generator","article_publisher":"http:\/\/facebook.com\/MiniCourseGenerator\/","article_modified_time":"2025-07-03T12:43:42+00:00","og_image":[{"url":"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01-1024x478.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@minicoursegen","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/","url":"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/","name":"Embed Courses in Webpages - Mini Course Generator","isPartOf":{"@id":"https:\/\/minicoursegenerator.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/#primaryimage"},"image":{"@id":"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01-1024x478.png","datePublished":"2022-07-18T15:05:05+00:00","dateModified":"2025-07-03T12:43:42+00:00","description":"Embed mini-courses in your webpage with JavaScript (JS) or iframe HTML codes easily and quickly. Use any webpage builder like Wix, Wordpress, Shopify, etc.","breadcrumb":{"@id":"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/#primaryimage","url":"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01.png","contentUrl":"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-08-03-at-13.35.01.png","width":2880,"height":1345,"caption":"Mini Course Generator WordPress plug-in."},{"@type":"BreadcrumbList","@id":"https:\/\/minicoursegenerator.com\/knowledge-base\/embedding-in-a-webpage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/minicoursegenerator.com\/"},{"@type":"ListItem","position":2,"name":"Knowledge Base","item":"https:\/\/minicoursegenerator.com\/knowledge-base\/"},{"@type":"ListItem","position":3,"name":"Embedding in a Webpage"}]},{"@type":"WebSite","@id":"https:\/\/minicoursegenerator.com\/#website","url":"https:\/\/minicoursegenerator.com\/","name":"Mini Course Generator","description":"The simplest and fastest way to create mini-courses","publisher":{"@id":"https:\/\/minicoursegenerator.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/minicoursegenerator.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/minicoursegenerator.com\/#organization","name":"Mini Course Generator","url":"https:\/\/minicoursegenerator.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/minicoursegenerator.com\/#\/schema\/logo\/image\/","url":"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2021\/09\/mcg-web-logo-1.svg","contentUrl":"https:\/\/minicoursegenerator.com\/wp-content\/uploads\/2021\/09\/mcg-web-logo-1.svg","width":221,"height":49,"caption":"Mini Course Generator"},"image":{"@id":"https:\/\/minicoursegenerator.com\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/MiniCourseGenerator\/","https:\/\/x.com\/minicoursegen","https:\/\/www.youtube.com\/channel\/UCZ_Lfax1s8PZH_TUNMjrj7A","https:\/\/www.linkedin.com\/company\/mini-course-generator","https:\/\/www.instagram.com\/minicourse_generator\/","https:\/\/discord.gg\/3p74FyePEf"]}]}},"_links":{"self":[{"href":"https:\/\/minicoursegenerator.com\/wp-json\/wp\/v2\/docs\/3621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/minicoursegenerator.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/minicoursegenerator.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/minicoursegenerator.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/minicoursegenerator.com\/wp-json\/wp\/v2\/comments?post=3621"}],"version-history":[{"count":4,"href":"https:\/\/minicoursegenerator.com\/wp-json\/wp\/v2\/docs\/3621\/revisions"}],"predecessor-version":[{"id":12208,"href":"https:\/\/minicoursegenerator.com\/wp-json\/wp\/v2\/docs\/3621\/revisions\/12208"}],"wp:attachment":[{"href":"https:\/\/minicoursegenerator.com\/wp-json\/wp\/v2\/media?parent=3621"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/minicoursegenerator.com\/wp-json\/wp\/v2\/doc_category?post=3621"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/minicoursegenerator.com\/wp-json\/wp\/v2\/doc_tag?post=3621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}