{"id":1817,"date":"2019-05-08T17:54:05","date_gmt":"2019-05-08T21:54:05","guid":{"rendered":"https:\/\/learndash.com\/support\/docs\/core\/certificates\/create-certificates\/"},"modified":"2026-04-22T12:52:28","modified_gmt":"2026-04-22T16:52:28","password":"","slug":"create-certificate","status":"publish","type":"docs","link":"https:\/\/learndash.com\/support\/kb\/core\/uncategorized\/create-certificate\/","title":{"rendered":"Create a Certificate"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Using certificates in LearnDash is a 2-step process:<\/h2>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Create a certificate<\/li>\n\n\n\n<li>Associate the certificate with a course, group, or quiz<\/li>\n<\/ol>\n\n\n\n<p>This section will explain how to create a certificate. Please see our other docs for associating them with a <a href=\"https:\/\/www.learndash.com\/support\/docs\/core\/courses\/course-display\/#course_certificate\">course<\/a>, <a href=\"https:\/\/www.learndash.com\/support\/docs\/users-groups\/groups\/group-display-content-settings\/#group-certificate\">group<\/a>, or <a href=\"https:\/\/learndash.com\/support\/kb\/core\/quizzes\/quiz-access-progression\/\">quiz<\/a>.<\/p>\n\n\n\n<p class=\"note has-theme-palette-7-background-color has-background\"><strong>NOTE<\/strong>: An easier way to create certificates is using our <a href=\"https:\/\/learndash.com\/support\/docs\/add-ons\/certificate-builder-add-on\/\">Certificate Builder<\/a> add-on. You can easily build certificates using the Gutenberg Block Builder using the add-on.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-add-a-new-certificate\">Add a New Certificate<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to LearnDash LMS &gt; Certificates<\/li>\n\n\n\n<li>Click the Add New button<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e9144ab8828&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2222\" height=\"638\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-add-new-certificate-button.jpg\" alt=\"LearnDash add new certificate button in admin\" class=\"wp-image-2379\" srcset=\"https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-add-new-certificate-button.jpg 2222w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-add-new-certificate-button-400x115.jpg 400w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-add-new-certificate-button-768x221.jpg 768w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-add-new-certificate-button-800x230.jpg 800w\" sizes=\"auto, (max-width: 2222px) 100vw, 2222px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\n\n\n<p>You&#8217;ll be directed to a new screen where you can start creating your certificate. Here&#8217;s an overview of each type of information that can be added to your certificate.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e9144ab8ec8&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2348\" height=\"1658\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-certificate-admin-screen-annotated.jpg\" alt=\"LearnDash certificate admin screen overview\" class=\"wp-image-2380\" srcset=\"https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-certificate-admin-screen-annotated.jpg 2348w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-certificate-admin-screen-annotated-400x282.jpg 400w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-certificate-admin-screen-annotated-768x542.jpg 768w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-certificate-admin-screen-annotated-800x565.jpg 800w\" sizes=\"auto, (max-width: 2348px) 100vw, 2348px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"h-title\">Title<\/h2>\n\n\n\n<p>The certificate title is only for internal use. Your users will not see this title, but it will be the name that appears in dropdown menus when you go to apply it to a course, group or quiz. Be sure to name it something you&#8217;ll recognize.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e9144ab9587&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1560\" height=\"404\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-choosing-course-certificate-dropdown.jpg\" alt=\"Choosing LearnDash certificate from dropdown\" class=\"wp-image-2381\" srcset=\"https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-choosing-course-certificate-dropdown.jpg 1560w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-choosing-course-certificate-dropdown-400x104.jpg 400w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-choosing-course-certificate-dropdown-768x199.jpg 768w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-choosing-course-certificate-dropdown-800x207.jpg 800w\" sizes=\"auto, (max-width: 1560px) 100vw, 1560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"h-featured-image\">Featured Image<\/h2>\n\n\n\n<p>Adding a featured image is the way in which you apply a design, or style, to your certificate.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong class=\"text-negative\">IMPORTANT: <\/strong>You must use <code>.jpg<\/code> images, no more than 1MB in size. This also keeps your loading time to a minimum.<\/li>\n\n\n\n<li>The size of your image should match your page size and orientation (see below). If you&#8217;re using an 11&#8243; x 8.5&#8243; US Letter size in landscape orientation, your image should match these dimensions. If you want your certificates to look great when printed, please also use 300 dpi.<\/li>\n\n\n\n<li>You may include text as part of your image. There are no restrictions to what you include in the image, but keep in mind, it will be shown on all certificates to all users. Text contained within an image is not dynamic and cannot be customized for each user.<\/li>\n<\/ul>\n\n\n\n<p>To add a featured image:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the &#8220;Set featured image&#8221; link<\/li>\n\n\n\n<li>Choose an image from your Media Library, or upload a new one<\/li>\n\n\n\n<li>Click the Set featured image button<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e9144aba225&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"808\" height=\"556\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/learndash-certificate-set-image-animation.gif\" alt=\"How to set a LearnDash certificate image\" class=\"wp-image-2382\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p class=\"note negative has-theme-palette-8-color has-theme-palette-1-background-color has-text-color has-background has-link-color wp-elements-60bf84c7d6ad26fc79d6f40f1c1958de\"><strong>KNOWN ISSUES<\/strong>: Some image optimization plugins are known to cause issues with certificate images, especially the <a href=\"https:\/\/wordpress.org\/plugins\/sg-cachepress\/\">SG Optimizer plugin<\/a> from SiteGround. If your images are distorted, or contain large areas of all black, please disable image optimization for the images you&#8217;re using for certificates.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-to-create-an-image\">How to Create an Image<\/h3>\n\n\n\n<p>You can use any image creation or editing program you&#8217;d like, hire a designer or use images from a graphics library (please check the license to make sure you have permission). Here are a few suggestions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.canva.com\/\">Canva<\/a> allows you to use pre-made templates for free, and add some customization of your own. Small upgrades are available, and very affordable.<\/li>\n\n\n\n<li><a href=\"https:\/\/elements.envato.com\/all-items\/certificate\">Envato Elements<\/a> is a premium graphics library with tons of pre-made certificate templates.<\/li>\n\n\n\n<li><a href=\"https:\/\/creativemarket.com\">Creative Market<\/a><strong> <\/strong>is another premium marketplace where you can find certificate templates, as well as graphics to make your own.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.adobe.com\/creativecloud.html\">Adobe&#8217;s Creative Cloud<\/a> is also an option for more design-oriented users, or anyone already familiar with their design software (Photoshop, Illustrator, InDesign, etc.). A premium subscription is required.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-content\">Content<\/h2>\n\n\n\n<p>Your certificate content will mostly consist of dynamic fields that are generated for each individual user who is awarded a certificate. For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>User&#8217;s Name<\/li>\n\n\n\n<li>Course Title<\/li>\n\n\n\n<li>Date of Completion<\/li>\n\n\n\n<li>&#8230;etc.<\/li>\n<\/ul>\n\n\n\n<p>These types of dynamic fields are inserted via shortcodes. We have an entire article dedicated to <a href=\"https:\/\/learndash.com\/support\/docs\/core\/certificates\/certificate-shortcodes\/\">certificate shortcodes here <\/a><\/p>\n\n\n\n<p>When adding your certificate content, you&#8217;ll need to use some HTML &amp; CSS to set up the overall layout, spacing, sizing, etc. We&#8217;ll walk you through some common layouts below, and how to achieve various designs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-certificate-custom-styles-css\">Certificate Custom Styles (CSS)<\/h3>\n\n\n\n<p>If you know your way around CSS codes and styles, you can add your own custom CSS stylesheet to apply globally to all of your certificates.<\/p>\n\n\n\n<p>You can find it here:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to LearnDash LMS &gt; Certificates<\/li>\n\n\n\n<li>Click on the Settings tab<\/li>\n\n\n\n<li>Scroll down to the &#8220;Custom Styles (CSS)&#8221; metabox<br><\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e9144abb786&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1205\" height=\"881\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/Certificate-custom-styles.png\" alt=\"Certificate custom styles\" class=\"wp-image-4022\" srcset=\"https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/Certificate-custom-styles.png 1205w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/Certificate-custom-styles-400x292.png 400w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/Certificate-custom-styles-800x585.png 800w, https:\/\/learndash.com\/support\/wp-content\/uploads\/2019\/05\/Certificate-custom-styles-768x562.png 768w\" sizes=\"auto, (max-width: 1205px) 100vw, 1205px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Certificate with custom styles<\/figcaption><\/figure><\/div>\n\n\n<p>By adding your own custom CSS styles, you eliminate the need to constantly re-type and re-style all of the elements that you add to your certificates. You can easily assign classes and IDs to these elements (e.g. paragraphs, shapes, and headings) and then add the styles that will apply globally to all your certificates. This will help you stay on brand.<\/p>\n\n\n\n<p class=\"note has-theme-palette-7-background-color has-background\"><strong>NOTE<\/strong>: The Certificate Custom Styles (CSS) is only applicable to legacy certificates, e.g., certificates created using the method stated above. These styles will not be applied to certificates created using the <a href=\"https:\/\/learndash.com\/support\/docs\/add-ons\/certificate-builder-add-on\/\">Certificate Builder Add-On.<\/a><\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-vertical-spacing\">Vertical Spacing<\/h3>\n\n\n\n<p>You might want to insert the course title at the top of a certificate, the user&#8217;s name in the middle, maybe at a completion date at the bottom, etc. One of the best ways to control vertical spacing, and move content up or down on your certificate, is to use the <code>line-height<\/code> property.<\/p>\n\n\n\n<p>Wherever you need to insert some blank vertical space, you can use the following code:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;p style=&quot;line-height:20px;&quot;&gt;&lt;\/p&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">line-height:20px;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/p&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>This would add 20 pixels of vertical space. You can adjust the <code>20px<\/code> to another value. Since our final certificate uses inches, not pixels, you&#8217;ll need to play around with this value to achieve your desired result. (see below for <a href=\"#previewing_certificates\">previewing certificates<\/a>)<\/p>\n\n\n\n<p>You can insert as many of these spacers as you need throughout the certificate.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-horizontal-spacing-indentation\">Horizontal Spacing (Indentation)<\/h3>\n\n\n\n<p>There are a few ways to go about horizontal spacing.<\/p>\n\n\n\n<p>If you need to center your text in the middle of the certificate, you can use <code>text-align:center;<\/code>. Here&#8217;s an example of the user&#8217;s first name, centered horizontally:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;p style=&quot;text-align:center;&quot;&gt;[usermeta field=&quot;first_name&quot;]&lt;\/p&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">text-align:center;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">[usermeta field=&quot;first_name&quot;]<\/span><span style=\"color: #81A1C1\">&lt;\/p&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>By default, all text will be aligned to the left edge of the certificate (right edge for RTL languages). If you need to indent something, you can use the <code>text-indent<\/code> property. Here&#8217;s an example of the course completion date being pushed vertically towards the bottom of the page, then indented to move it to the far-right corner.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;p style=&quot;line-height:150px;&quot;&gt;&lt;\/p&gt;\n&lt;p style=&quot;text-indent:200px;&quot;&gt;[courseinfo show=&quot;completed_on&quot; format=&quot;F j, Y&quot;]&lt;\/p&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">line-height:150px;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">text-indent:200px;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">[courseinfo show=&quot;completed_on&quot; format=&quot;F j, Y&quot;]<\/span><span style=\"color: #81A1C1\">&lt;\/p&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>You&#8217;ll need to adjust the <code>150px<\/code> and <code>200px<\/code> values to match up with your certificate image.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-font-size\">Font Size<\/h3>\n\n\n\n<p>You can also adjust the font size of any text. Let&#8217;s say you wanted your user&#8217;s first &amp; last name to be quite large (<code>30px<\/code>), then a small vertical space (<code>10px<\/code>), and then the course title not quite as large as the name (<code>20px<\/code>), you could do this:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;p style=&quot;font-size:30px;&quot;&gt;[usermeta field=&quot;first_name&quot;] [usermeta field=&quot;last_name&quot;]&lt;\/p&gt;\n&lt;p style=&quot;line-height:10px;&quot;&gt;&lt;\/p&gt;\n&lt;p style=&quot;font-size:20px;&quot;&gt;[courseinfo show=&quot;course_title&quot;]&lt;\/p&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">font-size:30px;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">[usermeta field=&quot;first_name&quot;] [usermeta field=&quot;last_name&quot;]<\/span><span style=\"color: #81A1C1\">&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">line-height:10px;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">font-size:20px;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">[courseinfo show=&quot;course_title&quot;]<\/span><span style=\"color: #81A1C1\">&lt;\/p&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-font-family\">Font Family<\/h3>\n\n\n\n<p>Different computers come pre-installed with different fonts. Some users will have a font installed, and others might not. So there isn&#8217;t a ton of flexibility with using custom fonts in certificate creation. However, you can switch between serif and sans-serif fonts, as both should work for most of your users. Here&#8217;s an example using a generic serif font:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;p style=&quot;font-family:serif;&quot;&gt;&lt;\/p&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">font-family:serif;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/p&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-color\">Color<\/h3>\n\n\n\n<p>You can adjust the color of any text on your certificate. If your image has a dark background, you can use the <code>color<\/code> property to make your text white.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;p style=&quot;color:#ffffff;&quot;&gt;&lt;\/p&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">color:#ffffff;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/p&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>You can combine multiple properties at the same time. If you wanted to indent the user&#8217;s first and last name, adjust the font size, and change the color to red, it would look like this:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;p style=&quot;text-indent:20px;font-size:30px;color:red;&quot;&gt;[usermeta field=&quot;first_name&quot;] [usermeta field=&quot;last_name&quot;]&lt;\/p&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">text-indent:20px;font-size:30px;color:red;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">[usermeta field=&quot;first_name&quot;] [usermeta field=&quot;last_name&quot;]<\/span><span style=\"color: #81A1C1\">&lt;\/p&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-certificate-options\">Certificate Options<\/h2>\n\n\n\n<p>There are a few additional options you can set for your certificate.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-pdf-page-size\">PDF Page Size<\/h3>\n\n\n\n<p>Choose between the following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>US Letter (default):<\/strong> 8.5&#8243; x 11&#8243;<\/li>\n\n\n\n<li><strong>A4:<\/strong> 8.3&#8243; x 11.7&#8243;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-pdf-page-orientation\">PDF Page Orientation<\/h3>\n\n\n\n<p>Choose between the following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Landscape (default):<\/strong> width is longer than height<\/li>\n\n\n\n<li><strong>Portrait:<\/strong> height is longer than width<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-certificate-file-format\">Certificate File Format<\/h2>\n\n\n\n<p>When a user earns a certificate, either by completing a course or passing the certificate threshold for a quiz, they&#8217;ll be able to download it in PDF format. All LearnDash certificates are provided as a <code>.PDF<\/code> file.<\/p>\n\n\n\n<p>When a user clicks a button to get their certificate, some web browsers will open the PDF file in the browser, and others might download the file to the user&#8217;s computer. Whatever the default behavior for that user&#8217;s browser is, that&#8217;s how LearnDash certificates will behave as well.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-previewing-certificates\">Previewing Certificates<\/h2>\n\n\n\n<p>Before applying your certificate to a course or quiz, you&#8217;ll want to preview it so you can see how it looks. You can create a quick test quiz that is only used for previewing your certificate.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create your certificate, and make sure you Publish it<\/li>\n\n\n\n<li>Then, navigate to LearnDash LMS &gt; Quizzes<\/li>\n\n\n\n<li>Click Add New to create a new quiz<\/li>\n\n\n\n<li>Give the quiz a title<\/li>\n\n\n\n<li>On the Settings tab, next to Quiz Certificate, choose the certificate that you want to preview<\/li>\n\n\n\n<li>Add a single choice question to the quiz, with an obvious correct answer<\/li>\n\n\n\n<li>Publish the quiz<\/li>\n\n\n\n<li>Open the quiz in a new tab<\/li>\n\n\n\n<li>Choose the correct answer, and click Finish Quiz<\/li>\n\n\n\n<li>Click the Print Your Certificate button<\/li>\n<\/ol>\n\n\n\n<p>Alternatively, you could create a test course with only one lesson. Then you&#8217;d mark that lesson complete, and you&#8217;d be able to view your certificate that way.<\/p>\n\n\n\n<p>This will open your certificate in a new tab so you can preview it. Keep this tab open, and each time you make a change to your certificate in the backend, simply refresh this page and the updated version of your certificate will be loaded.<\/p>\n\n\n\n<p class=\"note has-theme-palette-7-background-color has-background\"><strong>NOTE<\/strong>: Don&#8217;t forget to delete this quiz (or course) when you&#8217;re finished testing your certificate.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-re-downloading-your-certificates\">Re-downloading Your Certificates<\/h2>\n\n\n\n<p>Users who have earned certificates from courses and quizzes can redownload them by visiting the courses that they took. Upon opening those courses and quizzes, they will see a message that says &#8220;You have earned a certificate&#8221; and a button to view or download the certificate.<\/p>\n\n\n\n<p>This will also appear on the profile page when you use the shortcode<code>ld-profile<\/code>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-video-tutorial\">Video Tutorial<\/h2>\n\n\n\n<p>In this webinar, we demonstrate how to create a certificate from beginning to end. Includes best practice advice and helpful tips for creating dynamic content.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Creating a LearnDash Certificate\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/aUBFRzLdV5k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"note has-theme-palette-7-background-color has-background\"><strong>NOTE<\/strong>: An easier way to create certificates is using our <a href=\"https:\/\/learndash.com\/support\/docs\/add-ons\/certificate-builder-add-on\/\">Certificate Builder<\/a> add-on. You can easily build certificates using the Gutenberg Block Builder using the add-on.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using certificates in LearnDash is a 2-step process: This section will explain how to create a certificate. Please see our other docs for associating them with a course, group, or quiz. NOTE: An easier way to create certificates is using our Certificate Builder add-on. You can easily build certificates using the Gutenberg Block Builder using&#8230;<\/p>\n","protected":false},"author":59,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_helpful_status":1,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"doc_category":[],"doc_tag":[],"knowledge_base":[154],"class_list":["post-1817","docs","type-docs","status-publish","hentry","knowledge_base-core"],"year_month":"2026-04","word_count":1776,"total_views":"12907","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"Matt Cromwell","author_link":"https:\/\/learndash.com\/support\/author\/mattc\/"},"doc_category_info":[],"doc_tag_info":[],"taxonomy_info":{"knowledge_base":[{"value":154,"label":"LearnDash Core"}]},"featured_image_src_large":false,"comment_info":0,"knowledge_base_info":[{"term_name":"LearnDash Core","term_url":"https:\/\/learndash.com\/support\/kb\/core\/","term_slug":"core"}],"knowledge_base_slug":["core"],"_links":{"self":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/1817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/comments?post=1817"}],"version-history":[{"count":38,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/1817\/revisions"}],"predecessor-version":[{"id":9650,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/1817\/revisions\/9650"}],"wp:attachment":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/media?parent=1817"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/doc_category?post=1817"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/doc_tag?post=1817"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/knowledge_base?post=1817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}