{"id":3248,"date":"2022-10-17T11:42:12","date_gmt":"2022-10-17T11:42:12","guid":{"rendered":"https:\/\/zapable.com\/docs\/?post_type=docs&#038;p=3248"},"modified":"2022-10-17T11:42:13","modified_gmt":"2022-10-17T11:42:13","password":"","slug":"7-adding-your-course-content","status":"publish","type":"docs","link":"https:\/\/zapable.com\/docs\/docs\/subscription\/7-adding-your-course-content\/","title":{"rendered":"7 Adding Your Course Content"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Add a custom page to your app &#8211; this will be to display each page of your course. You will be adding a lot of there depending on how big your course content is<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click on \u201cCustomization\u201d then \u201cCustom Page\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123536-1024x557.jpg\" alt=\"\" class=\"wp-image-3249\" srcset=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123536-1024x557.jpg 1024w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123536-300x163.jpg 300w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123536-768x418.jpg 768w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123536.jpg 1241w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Add The Title Of Your Content &#8211; Click on the pencil symbol &#8211; For this example I will call this lesson \u201cFinance Lesson 1\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"602\" src=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123717-1024x602.jpg\" alt=\"\" class=\"wp-image-3250\" srcset=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123717-1024x602.jpg 1024w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123717-300x176.jpg 300w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123717-768x452.jpg 768w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123717.jpg 1248w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123742-1024x569.jpg\" alt=\"\" class=\"wp-image-3251\" srcset=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123742-1024x569.jpg 1024w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123742-300x167.jpg 300w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123742-768x426.jpg 768w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-123742.jpg 1221w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can add Text, Images, Buttons, and Cover Images To Your App. For this example, I will be adding.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cover<br>Text<br>Source Code (this will be to embed a video)<br>Text<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"613\" src=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-124519.jpg\" alt=\"\" class=\"wp-image-3252\" srcset=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-124519.jpg 957w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-124519-300x192.jpg 300w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-124519-768x492.jpg 768w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><figcaption><em>(Note: To learn more about custom pages and how you can use this please <\/em><a href=\"https:\/\/zapable.com\/docs\/docs-category\/custom-page\/\"><em>read our custom page training here<\/em><\/a><em>)<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Adding Content To Custom Page<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this example I am adding in the demo content. Your app screen should look similar to this<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cover Image:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"649\" height=\"199\" src=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/2022-10-17_12-40-03.png\" alt=\"\" class=\"wp-image-3253\" srcset=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/2022-10-17_12-40-03.png 649w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/2022-10-17_12-40-03-300x92.png 300w\" sizes=\"auto, (max-width: 649px) 100vw, 649px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Text Demo: This is just dummy text for the example of this training document<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<br>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.<br>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.<br>Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.<br>Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.<br>Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.<br><br>Source Code: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;iframe src=\"https:\/\/player.vimeo.com\/video\/718843702?h=5dfaf18150\" width=\"auto\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen>&lt;\/iframe><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Text Demo: This is just dummy text for the example of this training document<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When you have added your content click on Save<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-124914-1024x545.jpg\" alt=\"\" class=\"wp-image-3254\" srcset=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-124914-1024x545.jpg 1024w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-124914-300x160.jpg 300w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-124914-768x408.jpg 768w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-124914.jpg 1333w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">CONGRATULATIONS! You Now Have Course Content Inside Your App<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you added the demo content then your custom page should now look like this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"377\" height=\"621\" src=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-125524.jpg\" alt=\"\" class=\"wp-image-3255\" srcset=\"https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-125524.jpg 377w, https:\/\/zapable.com\/docs\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-11-125524-182x300.jpg 182w\" sizes=\"auto, (max-width: 377px) 100vw, 377px\" \/><figcaption><em>Note: You can change text size, add titles, add bullet points plus a lot more. Read the documentation on <\/em><a href=\"https:\/\/zapable.com\/docs\/docs-category\/custom-page\/\"><em>custom page for full training here<\/em><\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add a custom page to your app &#8211; this will be to display each page of your course. You will be adding a lot of there depending on how big your course content is Click on \u201cCustomization\u201d then \u201cCustom Page\u201d Add The Title Of Your Content &#8211; Click on the pencil symbol &#8211; For this &#8230; <a title=\"7 Adding Your Course Content\" class=\"read-more\" href=\"https:\/\/zapable.com\/docs\/docs\/subscription\/7-adding-your-course-content\/\" aria-label=\"More on 7 Adding Your Course Content\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[91],"doc_tag":[],"class_list":["post-3248","docs","type-docs","status-publish","hentry","doc_category-subscription"],"year_month":"2026-05","word_count":395,"total_views":"186","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"zapdocs","author_nicename":"zapdocs","author_url":"https:\/\/zapable.com\/docs\/author\/zapdocs\/"},"doc_category_info":[{"term_name":"Subscription","term_url":"https:\/\/zapable.com\/docs\/docs-category\/subscription\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/3248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/comments?post=3248"}],"version-history":[{"count":1,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/3248\/revisions"}],"predecessor-version":[{"id":3256,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/3248\/revisions\/3256"}],"wp:attachment":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/media?parent=3248"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/doc_category?post=3248"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=3248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}