WPCode Course | Get Started with WPCode - WordPress Video Tutorials

<!DOCTYPE html> <html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#"> <head > <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>WPCode Course | Get Started with WPCode - WordPress Video Tutorials</title>  <meta name="description" content="Elevate your WordPress website with WPCode, the powerful tool used by millions. In under an hour, you'll learn how to effortlessly add custom code snippets without coding knowledge. From simple snippets to complex scripts, WPCode makes it easy to enhance your site's functionality and design." /> <meta name="robots" content="max-image-preview:large" /> <meta name="google-site-verification" content="HhMtbVTUfLtS-QlyyznduGXY05LqP13cH1E5L9OI_AQ" /> <link rel="canonical" href="https://videos.wpbeginner.com/courses/wpcode/" /> <meta name="generator" content="All in One SEO Pro (AIOSEO) 4.6.9" /> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="WordPress Video Tutorials" /> <meta property="og:type" content="article" /> <meta property="og:title" content="WPCode Course | Get Started with WPCode - WordPress Video Tutorials" /> <meta property="og:description" content="Elevate your WordPress website with WPCode, the powerful tool used by millions. In under an hour, you'll learn how to effortlessly add custom code snippets without coding knowledge. From simple snippets to complex scripts, WPCode makes it easy to enhance your site's functionality and design." /> <meta property="og:url" content="https://videos.wpbeginner.com/courses/wpcode/" /> <meta property="og:image" content="https://videos.wpbeginner.com/wp-content/uploads/2024/03/wpb-video-and-courses-og-1.png" /> <meta property="og:image:secure_url" content="https://videos.wpbeginner.com/wp-content/uploads/2024/03/wpb-video-and-courses-og-1.png" /> <meta property="og:image:width" content="1920" /> <meta property="og:image:height" content="1080" /> <meta property="article:published_time" content="2024-02-06T16:50:57+00:00" /> <meta property="article:modified_time" content="2024-10-03T18:28:47+00:00" /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/videos.wpbeginner.com\/courses\/wpcode\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/videos.wpbeginner.com\/#listItem","position":1,"name":"Home","item":"https:\/\/videos.wpbeginner.com\/","nextItem":"https:\/\/videos.wpbeginner.com\/courses\/wpcode\/#listItem"},{"@type":"ListItem","@id":"https:\/\/videos.wpbeginner.com\/courses\/wpcode\/#listItem","position":2,"name":"WPCode Course | Get Started with WPCode","previousItem":"https:\/\/videos.wpbeginner.com\/#listItem"}]},{"@type":"Organization","@id":"https:\/\/videos.wpbeginner.com\/#organization","name":"WPBeginner WordPress Tutorials","url":"https:\/\/videos.wpbeginner.com\/"},{"@type":"Person","@id":"https:\/\/videos.wpbeginner.com\/author\/andrei\/#author","url":"https:\/\/videos.wpbeginner.com\/author\/andrei\/","name":"andrei","image":{"@type":"ImageObject","@id":"https:\/\/videos.wpbeginner.com\/courses\/wpcode\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/f8faa3c26b8a226ec49a6dfd87387cc8?s=96&d=mm&r=g","width":96,"height":96,"caption":"andrei"}},{"@type":"WebPage","@id":"https:\/\/videos.wpbeginner.com\/courses\/wpcode\/#webpage","url":"https:\/\/videos.wpbeginner.com\/courses\/wpcode\/","name":"WPCode Course | Get Started with WPCode - WordPress Video Tutorials","description":"Elevate your WordPress website with WPCode, the powerful tool used by millions. In under an hour, you'll learn how to effortlessly add custom code snippets without coding knowledge. From simple snippets to complex scripts, WPCode makes it easy to enhance your site's functionality and design.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/videos.wpbeginner.com\/#website"},"breadcrumb":{"@id":"https:\/\/videos.wpbeginner.com\/courses\/wpcode\/#breadcrumblist"},"author":{"@id":"https:\/\/videos.wpbeginner.com\/author\/andrei\/#author"},"creator":{"@id":"https:\/\/videos.wpbeginner.com\/author\/andrei\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/videos.wpbeginner.com\/wp-content\/uploads\/2024\/02\/wpcode-thumbnail.png","@id":"https:\/\/videos.wpbeginner.com\/courses\/wpcode\/#mainImage","width":1140,"height":642,"caption":"wpcode course"},"primaryImageOfPage":{"@id":"https:\/\/videos.wpbeginner.com\/courses\/wpcode\/#mainImage"},"datePublished":"2024-02-06T16:50:57+00:00","dateModified":"2024-10-03T18:28:47+00:00"},{"@type":"WebSite","@id":"https:\/\/videos.wpbeginner.com\/#website","url":"https:\/\/videos.wpbeginner.com\/","name":"WordPress Courses and Video Tutorials by WPBeginnner","inLanguage":"en-US","publisher":{"@id":"https:\/\/videos.wpbeginner.com\/#organization"}}]} </script>  <link rel='dns-prefetch' href='//ajax.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="WordPress Video Tutorials » Feed" href="https://videos.wpbeginner.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="WordPress Video Tutorials » Comments Feed" href="https://videos.wpbeginner.com/comments/feed/" /> <meta name="revised" content="Thursday, October 3, 2024, 6:28 pm" /> <meta name="theme-color" content="#ff6200" />  <script src="//www.googletagmanager.com/gtag/js?id=G-0B7622TZ00" data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> var mi_version = '9.0.0'; var mi_track_user = true; var mi_no_track_reason = ''; var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/videos.wpbeginner.com\/courses\/wpcode\/"}; if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations ); } else { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations; } var disableStrs = [ 'ga-disable-G-0B7622TZ00', ]; /* Function to detect opted out users */ function __gtagTrackerIsOptedOut() { for (var index = 0; index < disableStrs.length; index++) { if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) { return true; } } return false; } /* Disable tracking if the opt-out cookie exists. */ if (__gtagTrackerIsOptedOut()) { for (var index = 0; index < disableStrs.length; index++) { window[disableStrs[index]] = true; } } /* Opt-out function */ function __gtagTrackerOptout() { for (var index = 0; index < disableStrs.length; index++) { document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; window[disableStrs[index]] = true; } } if ('undefined' === typeof gaOptout) { function gaOptout() { __gtagTrackerOptout(); } } window.dataLayer = window.dataLayer || []; window.MonsterInsightsDualTracker = { helpers: {}, trackers: {}, }; if (mi_track_user) { function __gtagDataLayer() { dataLayer.push(arguments); } function __gtagTracker(type, name, parameters) { if (!parameters) { parameters = {}; } if (parameters.send_to) { __gtagDataLayer.apply(null, arguments); return; } if (type === 'event') { parameters.send_to = monsterinsights_frontend.v4_id; var hookName = name; if (typeof parameters['event_category'] !== 'undefined') { hookName = parameters['event_category'] + ':' + name; } if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') { MonsterInsightsDualTracker.trackers[hookName](parameters); } else { __gtagDataLayer('event', name, parameters); } } else { __gtagDataLayer.apply(null, arguments); } } __gtagTracker('js', new Date()); __gtagTracker('set', { 'developer_id.dZGIzZG': true, }); if ( MonsterInsightsLocations.page_location ) { __gtagTracker('set', MonsterInsightsLocations); } __gtagTracker('config', 'G-0B7622TZ00', {"forceSSL":"true","link_attribution":"true"} ); window.gtag = __gtagTracker; (function () { /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ /* ga and __gaTracker compatibility shim. */ var noopfn = function () { return null; }; var newtracker = function () { return new Tracker(); }; var Tracker = function () { return null; }; var p = Tracker.prototype; p.get = noopfn; p.set = noopfn; p.send = function () { var args = Array.prototype.slice.call(arguments); args.unshift('send'); __gaTracker.apply(null, args); }; var __gaTracker = function () { var len = arguments.length; if (len === 0) { return; } var f = arguments[len - 1]; if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') { if ('send' === arguments[0]) { var hitConverted, hitObject = false, action; if ('event' === arguments[1]) { if ('undefined' !== typeof arguments[3]) { hitObject = { 'eventAction': arguments[3], 'eventCategory': arguments[2], 'eventLabel': arguments[4], 'value': arguments[5] ? arguments[5] : 1, } } } if ('pageview' === arguments[1]) { if ('undefined' !== typeof arguments[2]) { hitObject = { 'eventAction': 'page_view', 'page_path': arguments[2], } } } if (typeof arguments[2] === 'object') { hitObject = arguments[2]; } if (typeof arguments[5] === 'object') { Object.assign(hitObject, arguments[5]); } if ('undefined' !== typeof arguments[1].hitType) { hitObject = arguments[1]; if ('pageview' === hitObject.hitType) { hitObject.eventAction = 'page_view'; } } if (hitObject) { action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction; hitConverted = mapArgs(hitObject); __gtagTracker('event', action, hitConverted); } } return; } function mapArgs(args) { var arg, hit = {}; var gaMap = { 'eventCategory': 'event_category', 'eventAction': 'event_action', 'eventLabel': 'event_label', 'eventValue': 'event_value', 'nonInteraction': 'non_interaction', 'timingCategory': 'event_category', 'timingVar': 'name', 'timingValue': 'value', 'timingLabel': 'event_label', 'page': 'page_path', 'location': 'page_location', 'title': 'page_title', 'referrer' : 'page_referrer', }; for (arg in args) { if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) { hit[gaMap[arg]] = args[arg]; } else { hit[arg] = args[arg]; } } return hit; } try { f.hitCallback(); } catch (ex) { } }; __gaTracker.create = newtracker; __gaTracker.getByName = newtracker; __gaTracker.getAll = function () { return []; }; __gaTracker.remove = noopfn; __gaTracker.loaded = true; window['__gaTracker'] = __gaTracker; })(); } else { console.log(""); (function () { function __gtagTracker() { return null; } window['__gtagTracker'] = __gtagTracker; window['gtag'] = __gtagTracker; })(); } </script>  <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/videos.wpbeginner.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel='stylesheet' id='optinmonster-memberpress-css' href='https://videos.wpbeginner.com/wp-content/plugins/optinmonster/assets/dist/css/memberpress.min.css?ver=2.16.4' type='text/css' media='all' /> <link rel='stylesheet' id='mp-theme-css' href='https://videos.wpbeginner.com/wp-content/plugins/memberpress/css/ui/theme.css?ver=1.11.35' type='text/css' media='all' /> <link rel='stylesheet' id='sbi_styles-css' href='https://videos.wpbeginner.com/wp-content/plugins/instagram-feed-pro/css/sbi-styles.min.css?ver=6.0.7' type='text/css' media='all' /> <link rel='stylesheet' id='sby_styles-css' href='https://videos.wpbeginner.com/wp-content/plugins/youtube-feed-pro/css/sb-youtube.min.css?ver=1.4.2' type='text/css' media='all' /> <link rel='stylesheet' id='sbsw_styles-css' href='https://videos.wpbeginner.com/wp-content/plugins/social-wall/css/social-wall.min.css?ver=1.0.8' type='text/css' media='all' /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #FFFFFF;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #FF6200;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 15px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 22px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 16px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='cff_carousel_css-css' href='https://videos.wpbeginner.com/wp-content/plugins/cff-extensions/cff-carousel/css/carousel.css?ver=1.2.3' type='text/css' media='all' /> <link rel='stylesheet' id='ctf_styles-css' href='https://videos.wpbeginner.com/wp-content/plugins/custom-twitter-feeds-pro/css/ctf-styles.min.css?ver=2.0' type='text/css' media='all' /> <link rel='stylesheet' id='theme-style-css' href='https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/assets/css/main.css?ver=1729691350' type='text/css' media='all' /> <link rel='stylesheet' id='wpb-extra-global-css' href='https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/extra/css/global.min.css?ver=1729619831' type='text/css' media='all' /> <link rel='stylesheet' id='wpb-extra-blocks-css' href='https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/extra/css/blocks.min.css?ver=1729619831' type='text/css' media='all' /> <link rel='stylesheet' id='wpb-video-modal-css' href='https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/extra/css/modal.min.css?ver=1729619831' type='text/css' media='all' /> <link rel='stylesheet' id='mpcs-progress-css' href='https://videos.wpbeginner.com/wp-content/plugins/memberpress-courses/public/css/progress.css?ver=1.3.9' type='text/css' media='all' /> <link rel='stylesheet' id='mpcs-fontello-styles-css' href='https://videos.wpbeginner.com/wp-content/plugins/memberpress-courses/public/fonts/fontello/css/mp-courses.css?ver=1.3.9' type='text/css' media='all' /> <script type="text/javascript" src="https://videos.wpbeginner.com/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend-gtag.min.js?ver=9.0.0" id="monsterinsights-frontend-script-js"></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id='monsterinsights-frontend-script-js-extra'>/* <![CDATA[ */ var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/videos.wpbeginner.com","hash_tracking":"false","v4_id":"G-0B7622TZ00"};/* ]]> */ </script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js?ver=3.5.1" id="jquery-js"></script> <link rel='shortlink' href='https://videos.wpbeginner.com/?p=105130' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://videos.wpbeginner.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvideos.wpbeginner.com%2Fcourses%2Fwpcode%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://videos.wpbeginner.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvideos.wpbeginner.com%2Fcourses%2Fwpcode%2F&format=xml" /> <style type="text/css"> .mpcs-classroom .nav-back i, .mpcs-classroom .navbar-section a.btn, .mpcs-classroom .navbar-section button, .mpcs-classroom div#mpcs-lesson-navigation button { color: rgba(255, 255, 255) !important; } .mpcs-classroom .navbar-section .dropdown .menu a { color: #333; } .mpcs-classroom .mpcs-progress-ring { background-color: rgba(29, 166, 154) !important; } .mpcs-classroom .mpcs-course-filter .dropdown .btn span, .mpcs-classroom .mpcs-course-filter .dropdown .btn i, .mpcs-classroom .mpcs-course-filter .input-group .input-group-btn, .mpcs-classroom .mpcs-course-filter .input-group .mpcs-search, .mpcs-classroom .mpcs-course-filter .input-group input[type=text], .mpcs-classroom .mpcs-course-filter .dropdown a, .mpcs-classroom .pagination, .mpcs-classroom .pagination i, .mpcs-classroom .pagination a { color: rgba(44, 54, 55) !important; border-color: rgba(44, 54, 55) !important; } /* body.mpcs-classroom a{ color: rgba(); } */ #mpcs-navbar, #mpcs-navbar button#mpcs-classroom-previous-lesson-link, #mpcs-navbar button#mpcs-classroom-previous-lesson-link:hover, .mpcs-classroom div#mpcs-lesson-navigation button#previous_lesson_link, .mpcs-classroom div#mpcs-lesson-navigation button#previous_lesson_link:hover { background: rgba(44, 54, 55); } .course-progress .user-progress, .btn-green, #mpcs-navbar button:not(#mpcs-classroom-previous-lesson-link), .mpcs-classroom div#mpcs-lesson-navigation button:not(#previous_lesson_link), .mpcs-classroom #mpcs-quiz-navigation button:focus, .mpcs-classroom #mpcs-quiz-navigation button:hover { background: rgba(29, 166, 154, 0.9); } .btn-green:hover, #mpcs-navbar button:not(#mpcs-classroom-previous-lesson-link):focus, #mpcs-navbar button:not(#mpcs-classroom-previous-lesson-link):hover, .mpcs-classroom div#mpcs-lesson-navigation button:not(#previous_lesson_link):focus, .mpcs-classroom div#mpcs-lesson-navigation button:not(#previous_lesson_link):hover, .mpcs-classroom #mpcs-quiz-navigation button { background: rgba(29, 166, 154); } .btn-green{border: rgba(29, 166, 154)} .course-progress .progress-text, .mpcs-lesson i.mpcs-circle-regular { color: rgba(29, 166, 154); } #mpcs-main #bookmark, .mpcs-lesson.current{background: rgba(29, 166, 154, 0.3)} .mpcs-instructor .tile-subtitle{ color: rgba(29, 166, 154, 1); } .mpcs-classroom .mpcs-quiz-question-feedback { border-top-color: rgba(29, 166, 154, 1); border-bottom-color: rgba(29, 166, 154, 1); } </style> <link rel="shortcut icon" href="https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/assets/images/favicon.png"/> <link rel="icon" href="https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/assets/images/favicon.png" sizes="32x32"/> <link rel="icon" href="https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/assets/images/favicon.png" sizes="192x192"/> <link rel="apple-touch-icon" href="https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/assets/images/favicon.png"/> <meta name="msapplication-TileImage" content="https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/assets/images/favicon.png"/> <link rel="pingback" href="https://videos.wpbeginner.com/xmlrpc.php" /> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-15913772-1']); _gaq.push(['_trackPageview']); _gaq.push(['_trackPageLoadTime']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();</script> <script>(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src = '//connect.facebook.net/en_US/fbds.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '831611416873998']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=831611416873998&ev=PixelInitialized" /></noscript> <style type="text/css" id="wp-custom-css"> #two-factor-options, .two-factor-methods-table{ width: 100%; } #two-factor-totp-options p:first-of-type,#two-factor-totp-options p#two-factor-qr-code{display:none;} .two-factor-methods-table td{ padding: 10px; } .two-factor-methods-table input{ width: 150px } .mepr-2fa-wrapper button, .mepr-2fa-wrapper input[type=submit]{ background-color: #ff6200; border-radius: 4px; color: #fff; display: inline-block; font-size: 16px; font-weight: 600; line-height: 1.1; margin: 10px 0 0; padding: 13px 20px; transition: all .15s; border: 0; text-transform: none; } .mepr-2fa-wrapper form > input[type=submit]{ max-width: 200px; float: right; clear: both; } </style> </head> <body class="single full-width-content singular" id="top" itemscope itemtype="https://schema.org/WebPage"><div class="site-container"><ul class="genesis-skip-link"><li><a href="#genesis-nav-primary" class="screen-reader-shortcut"> Skip to primary navigation</a></li><li><a href="#main-content" class="screen-reader-shortcut"> Skip to main content</a></li></ul><header class="site-header" itemscope itemtype="https://schema.org/WPHeader"><div class="wrap"><div class="title-area"><p class="site-title" itemprop="headline"><a href="https://videos.wpbeginner.com/">WordPress Video Tutorials</a></p></div><div class="header-toggles"><button aria-label="Search" class="search-toggle"><svg class="open" width="17" height="17" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-search"></use></svg><svg class="close" width="17" height="17" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-times"></use></svg></button><button aria-label="Menu" class="menu-toggle"><svg class="open" width="17" height="17" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-bars"></use></svg><svg class="close" width="17" height="17" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-times"></use></svg></button></div><nav class="nav-menu" role="navigation"><div class="nav-primary"><ul id="primary-menu" class="menu"><li id="menu-item-104810" class="menu-item menu-item-has-children"><a href="https://www.wpbeginner.com/blog/">Blog</a><button aria-label="Submenu Dropdown" class="submenu-expand" tabindex="-1"><svg width="10" height="10" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-chevron-down"></use></svg></button><div class="sub-menu-wrap"><div class="sub-menu-main"><p class="submenu-title">Categories</p><ul> <li id="menu-item-104811" class="menu-item"><a href="https://www.wpbeginner.com/category/beginners-guide/">Beginners</a></li> <li id="menu-item-104812" class="menu-item"><a href="https://www.wpbeginner.com/category/news/">News</a></li> <li id="menu-item-104813" class="menu-item"><a href="https://www.wpbeginner.com/category/opinion/">Opinion</a></li> <li id="menu-item-104814" class="menu-item"><a href="https://www.wpbeginner.com/category/showcase/">Showcase</a></li> <li id="menu-item-104815" class="menu-item"><a href="https://www.wpbeginner.com/category/wp-themes/">Themes</a></li> <li id="menu-item-104816" class="menu-item"><a href="https://www.wpbeginner.com/category/wp-tutorials/">Tutorials</a></li> <li id="menu-item-104817" class="menu-item"><a href="https://www.wpbeginner.com/category/plugins/">WordPress Plugins</a></li> </ul></div><div class="sub-menu-extra"><p class="submenu-title">Popular Posts</p> <ul class="is-style-arrow wp-block-list"><li><a href="https://www.wpbeginner.com/beginners-guide/how-to-choose-the-best-domain-registrar/">How to Choose the Best Domain Registrar (Compared)</a></li><li><a href="https://www.wpbeginner.com/showcase/24-must-have-wordpress-plugins-for-business-websites/">24 Must Have WordPress Plugins for Websites (Expert Pick)</a></li><li><a href="https://www.wpbeginner.com/beginners-guide/how-to-install-google-analytics-in-wordpress/">How to Install Google Analytics in WordPress for Beginners</a></li><li><a href="https://www.wpbeginner.com/showcase/best-business-phone-services/">6 Best Business Phone Services for Small Businesses</a></li></ul> <p></p> <div id="section1" class="mpcs-section"> <div class="mpcs-section-header"> <div class="mpcs-section-title"> <span class="mpcs-section-title-text">Getting Started with WPCode</span> </div> </div>  <div class="mpcs-lessons"> <div id="mpcs-lesson-105651" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Introduction to WPCode </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105652" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Installing and Configuring WPCode </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105654" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Identifying the Right Snippet for Your Needs </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105655" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Using the Ready-Made Snippets Library </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105656" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Creating Custom Code Snippets </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105657" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Managing Global Header & Footer Scripts </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105658" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Implementing Smart Conditional Logic </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105659" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> E-commerce Conversion Tracking </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105660" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Creating Dynamic Content Elements </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105661" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Using the Code Generator </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105662" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Adding Snippets to Your Private Cloud Library </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105663" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Advanced Code Revisions </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/"> Start </span> </span> </div> </a> </div> </div>  </div>  </div></div></li> <li id="menu-item-104818" class="two-col menu-item menu-item-has-children"><a href="https://www.wpbeginner.com/start-here/">Start Here</a><button aria-label="Submenu Dropdown" class="submenu-expand" tabindex="-1"><svg width="10" height="10" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-chevron-down"></use></svg></button><div class="sub-menu-wrap"><div class="sub-menu-main"><p class="submenu-title">Starter Guides</p><ul> <li id="menu-item-104819" class="menu-item"><a href="https://www.wpbeginner.com/start-a-wordpress-blog/">How to Start a Blog</a></li> <li id="menu-item-104820" class="menu-item"><a href="https://www.wpbeginner.com/guides/">Create a Website</a></li> <li id="menu-item-104821" class="menu-item"><a href="https://www.wpbeginner.com/wp-tutorials/how-to-start-an-online-store/">Start an Online Store</a></li> <li id="menu-item-104822" class="menu-item"><a href="https://www.wpbeginner.com/beginners-guide/how-to-choose-the-best-website-builder/">Best Website Builder</a></li> <li id="menu-item-104823" class="menu-item"><a href="https://www.wpbeginner.com/showcase/best-email-marketing-services/">Email Marketing</a></li> <li id="menu-item-104824" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-hosting/">WordPress Hosting</a></li> <li id="menu-item-104825" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-seo/">WordPress SEO</a></li> <li id="menu-item-104826" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-performance-speed/">Speed up WordPress</a></li> <li id="menu-item-104827" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-security/">WordPress Security</a></li> <li id="menu-item-104828" class="menu-item"><a href="https://www.wpbeginner.com/beginners-guide/how-to-choose-the-best-blogging-platform/">Best Blogging Platform</a></li> <li id="menu-item-104829" class="menu-item"><a href="https://www.wpbeginner.com/beginners-guide/how-to-register-a-domain-name-simple-tip-to-get-it-for-free/">Register Domain Name</a></li> <li id="menu-item-104830" class="menu-item"><a href="https://www.wpbeginner.com/beginners-guide/how-to-create-a-free-business-email-address-in-5-minutes-step-by-step/">Setup Business Email</a></li> </ul></div><div class="sub-menu-extra"><p class="submenu-title">Helpful Resources</p> <ul class="is-style-arrow wp-block-list"><li><strong><a href="https://videos.wpbeginner.com/" target="_blank" rel="noreferrer noopener">WordPress Video Tutorials</a></strong> WPBeginner’s WordPress 101 video tutorials will teach you how to create and manage your own site(s) for FREE.</li><li><strong><a href="https://www.facebook.com/groups/wpbeginner" target="_blank" rel="noreferrer noopener">WPBeginner Facebook Group</a></strong> Get our WordPress experts and community of 80,000+ smart website owners (it’s free).</li><li><strong><a href="https://www.wpbeginner.com/glossary/">WordPress Glossary</a></strong> WPBeginner’s WordPress Glossary lists and explain the most commonly used terms in WordPress tutorials.</li></ul> <div id="section1" class="mpcs-section"> <div class="mpcs-section-header"> <div class="mpcs-section-title"> <span class="mpcs-section-title-text">Getting Started with WPCode</span> </div> </div>  <div class="mpcs-lessons"> <div id="mpcs-lesson-105651" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Introduction to WPCode </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105652" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Installing and Configuring WPCode </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105654" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Identifying the Right Snippet for Your Needs </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105655" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Using the Ready-Made Snippets Library </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105656" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Creating Custom Code Snippets </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105657" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Managing Global Header & Footer Scripts </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105658" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Implementing Smart Conditional Logic </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105659" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> E-commerce Conversion Tracking </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105660" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Creating Dynamic Content Elements </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105661" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Using the Code Generator </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105662" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Adding Snippets to Your Private Cloud Library </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105663" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Advanced Code Revisions </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/"> Start </span> </span> </div> </a> </div> </div>  </div>  </div></div></li> <li id="menu-item-104831" class="menu-item menu-item-has-children"><a href="https://www.wpbeginner.com/deals/">Deals</a><button aria-label="Submenu Dropdown" class="submenu-expand" tabindex="-1"><svg width="10" height="10" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-chevron-down"></use></svg></button><ul class="sub-menu"> <li id="menu-item-104832" class="menu-item"><a href="https://www.wpbeginner.com/deals/bluehost-coupon/">Bluehost Coupon</a></li> <li id="menu-item-104833" class="menu-item"><a href="https://www.wpbeginner.com/deals/siteground-coupon/">SiteGround Coupon</a></li> <li id="menu-item-104834" class="menu-item"><a href="https://www.wpbeginner.com/deals/wpengine-coupon/">WP Engine Coupon</a></li> <li id="menu-item-104835" class="menu-item"><a href="https://www.wpbeginner.com/deals/hostgator-coupon/">HostGator Coupon</a></li> <li id="menu-item-104836" class="menu-item"><a href="https://www.wpbeginner.com/deals/domain-com-coupon/">Domain.com Coupon</a></li> <li id="menu-item-104837" class="menu-item"><a href="https://www.wpbeginner.com/deals/constant-contact-coupon/">Constant Contact Coupon</a></li> <li id="menu-item-104838" class="menu-item"><a href="https://www.wpbeginner.com/deals/nextiva-coupon/">Nextiva Coupon</a></li> <li id="menu-item-104839" class="menu-item"><a href="https://www.wpbeginner.com/deals/hostinger-coupon/">Hostinger Coupon</a></li> <li id="menu-item-104840" class="menu-item"><a href="https://www.wpbeginner.com/deals/">View All Deals »</a></li> </ul></li></li> <li id="menu-item-104841" class="two-col menu-item menu-item-has-children"><a href="https://www.wpbeginner.com/wordpress-plugins/">Products</a><button aria-label="Submenu Dropdown" class="submenu-expand" tabindex="-1"><svg width="10" height="10" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-chevron-down"></use></svg></button><div class="sub-menu-wrap"><div class="sub-menu-main"><p class="submenu-title">Our Products</p><ul> <li id="menu-item-104842" class="menu-item"><a href="https://www.wpbeginner.com/blueprint/wpforms/">WPForms</a></li> <li id="menu-item-104843" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-plugins/all-in-one-seo/">All in One SEO</a></li> <li id="menu-item-104844" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-plugins/optinmonster-wordpress-popup-plugin/">OptinMonster</a></li> <li id="menu-item-104845" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-plugins/monsterinsights-google-analytics-plugin/">MonsterInsights</a></li> <li id="menu-item-104846" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-plugins/seedprod/">SeedProd</a></li> <li id="menu-item-104847" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-plugins/wp-mail-smtp/">WP Mail SMTP</a></li> <li id="menu-item-104848" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-plugins/smash-balloon/">Smash Balloon</a></li> <li id="menu-item-104849" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-plugins/searchwp/">SearchWP</a></li> <li id="menu-item-104850" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-plugins/pushengage/">PushEngage</a></li> <li id="menu-item-104851" class="menu-item"><a href="https://www.wpbeginner.com/wordpress-plugins/trust-pulse/">TrustPulse</a></li> </ul></div><div class="sub-menu-extra"><p class="submenu-title">Free Tools</p> <ul class="is-style-arrow wp-block-list"><li><strong><a href="https://www.wpbeginner.com/tools/business-name-generator/">Business Name Generator</a></strong> Get business name ideas and check domain availability with our smart business name generator.</li><li><strong><a href="https://www.wpbeginner.com/tools/wordpress-theme-detector/">WordPress Theme Detector</a></strong> Free tool that helps you see which theme a specific WordPress site is using.</li><li><strong><a href="https://www.wpbeginner.com/tools/">15+ Free Business Tools</a></strong> See all other free business tools our team has created to help you grow and compete with the big guys.</li></ul> <div id="section1" class="mpcs-section"> <div class="mpcs-section-header"> <div class="mpcs-section-title"> <span class="mpcs-section-title-text">Getting Started with WPCode</span> </div> </div>  <div class="mpcs-lessons"> <div id="mpcs-lesson-105651" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Introduction to WPCode </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105652" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Installing and Configuring WPCode </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105654" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Identifying the Right Snippet for Your Needs </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105655" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Using the Ready-Made Snippets Library </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105656" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Creating Custom Code Snippets </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105657" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Managing Global Header & Footer Scripts </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105658" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Implementing Smart Conditional Logic </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105659" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> E-commerce Conversion Tracking </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105660" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Creating Dynamic Content Elements </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105661" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Using the Code Generator </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105662" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Adding Snippets to Your Private Cloud Library </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105663" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Advanced Code Revisions </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/"> Start </span> </span> </div> </a> </div> </div>  </div>  </div></div></li> <li id="menu-item-104852" class="menu-item menu-item-has-children"><a href="#">#Trending</a><button aria-label="Submenu Dropdown" class="submenu-expand" tabindex="-1"><svg width="10" height="10" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-chevron-down"></use></svg></button><div class="sub-menu-wrap"><div class="sub-menu-main"><p class="submenu-title">Best Of</p><ul> <li id="menu-item-104853" class="menu-item"><a href="https://www.wpbeginner.com/showcase/best-free-wordpress-blog-themes/">Best Free Blog Themes</a></li> <li id="menu-item-104854" class="menu-item"><a href="https://www.wpbeginner.com/showcase/best-wordpress-multi-purpose-themes/">Best Multipurpose Themes</a></li> <li id="menu-item-104855" class="menu-item"><a href="https://www.wpbeginner.com/beginners-guide/best-website-ideas-to-launch/">Best Website Ideas</a></li> <li id="menu-item-104856" class="menu-item"><a href="https://www.wpbeginner.com/plugins/5-best-contact-form-plugins-for-wordpress-compared/">Best Contact Form Plugins</a></li> <li id="menu-item-104857" class="menu-item"><a href="https://www.wpbeginner.com/plugins/7-best-wordpress-backup-plugins-compared-pros-and-cons/">Best Backup Plugins</a></li> <li id="menu-item-104858" class="menu-item"><a href="https://www.wpbeginner.com/beginners-guide/best-drag-and-drop-page-builders-for-wordpress/">Best Page Builder Plugins</a></li> <li id="menu-item-104859" class="menu-item"><a href="https://www.wpbeginner.com/showcase/best-virtual-business-phone-number-apps-free-options/">Best Virtual Phone Apps</a></li> <li id="menu-item-104860" class="menu-item"><a href="https://www.wpbeginner.com/plugins/5-best-wordpress-membership-plugins-compared/">Best Membership Plugins</a></li> <li id="menu-item-104861" class="menu-item"><a href="https://www.wpbeginner.com/showcase/9-best-wordpress-seo-plugins-and-tools-that-you-should-use/">Best SEO Plugins</a></li> <li id="menu-item-104862" class="menu-item"><a href="https://www.wpbeginner.com/plugins/20-best-free-woocommerce-plugins-for-wordpress/">Best WooCommerce Plugins</a></li> <li id="menu-item-104863" class="menu-item"><a href="https://www.wpbeginner.com/showcase/7-best-live-chat-support-software-for-your-wordpress-site/">Best Live Chat Software</a></li> <li id="menu-item-104864" class="menu-item"><a href="https://www.wpbeginner.com/managed-wordpress-hosting/">Best Managed Hosting</a></li> </ul></div><div class="sub-menu-extra"><p class="submenu-title">How Tos</p> <ul id="block-a98777d5-5e2d-458a-aaad-572a714d2fb5" class="is-style-arrow wp-block-list"><li><a href="https://www.wpbeginner.com/beginners-guide/how-to-add-keywords-and-meta-descriptions-in-wordpress/" title="How to Add Keywords and Meta Descriptions in WordPress">How to Add Keywords and Meta Descriptions in WordPress</a></li><li><a href="https://www.wpbeginner.com/beginners-guide/how-to-get-a-free-ssl-certificate-for-your-wordpress-website/" title="How to Get a Free SSL Certificate for Your WordPress Website (Beginner’s Guide)">How to Get a Free SSL Certificate for Your WordPress Website (Beginner’s Guide)</a></li><li><a href="https://www.wpbeginner.com/beginners-guide/what-is-a-blog-and-how-is-it-different-from-a-website-explained/" title="What is a Blog and How is it Different from a Website? (Explained)">What is a Blog and How is it Different from a Website? (Explained)</a></li><li><a href="https://www.wpbeginner.com/beginners-guide/beginners-guide-what-is-a-domain-name-and-how-do-domains-work/" title="Beginner’s Guide: What is a Domain Name and How Do Domains Work?">Beginner’s Guide: What is a Domain Name and How Do Domains Work?</a></li><li><a href="https://www.wpbeginner.com/beginners-guide/how-to-learn-wordpress-for-free-in-a-week-or-less/" title="How to Learn WordPress for Free in a Week (or Less)">How to Learn WordPress for Free in a Week (or Less)</a></li><li><a href="https://www.wpbeginner.com/how-to-install-wordpress/" title="How to Install WordPress – Complete WordPress Installation Tutorial">How to Install WordPress – Complete WordPress Installation Tutorial</a></li><li><a href="https://youtube.com/wpbeginner?sub_confirmation=1" target="_blank" rel="noreferrer noopener nofollow" title="WPBeginner on YouTube">600+ Free WordPress Video Tutorials</a></li></ul> <p></p> <div id="section1" class="mpcs-section"> <div class="mpcs-section-header"> <div class="mpcs-section-title"> <span class="mpcs-section-title-text">Getting Started with WPCode</span> </div> </div>  <div class="mpcs-lessons"> <div id="mpcs-lesson-105651" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Introduction to WPCode </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/introduction-to-wpcode-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105652" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Installing and Configuring WPCode </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/installing-and-configuring-wpcode-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105654" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Identifying the Right Snippet for Your Needs </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/identifying-the-right-snippet-for-your-needs-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105655" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Using the Ready-Made Snippets Library </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-ready-made-snippets-library-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105656" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Creating Custom Code Snippets </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-custom-code-snippets-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105657" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Managing Global Header & Footer Scripts </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/managing-global-header-footer-scripts-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105658" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Implementing Smart Conditional Logic </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/implementing-smart-conditional-logic-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105659" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> E-commerce Conversion Tracking </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/e-commerce-conversion-tracking-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105660" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Creating Dynamic Content Elements </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/creating-dynamic-content-elements-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105661" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Using the Code Generator </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/using-the-code-generator-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105662" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Adding Snippets to Your Private Cloud Library </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/adding-snippets-to-your-private-cloud-library-2/"> Start </span> </span> </div> </a> </div> <div id="mpcs-lesson-105663" class="mpcs-lesson "> <a href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/" class="mpcs-lesson-row-link"> <div class="mpcs-lesson-progress"> <span class="mpcs-lesson-not-complete"><i class="mpcs-circle-regular"></i></span> </div> <div class="mpcs-lesson-link"> Advanced Code Revisions </div> <div class="mpcs-lesson-button"> <span class="mpcs-button" href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/"> <span class="mpcs-button is-purple" href="https://videos.wpbeginner.com/courses/wpcode/lessons/advanced-code-revisions-2/"> Start </span> </span> </div> </a> </div> </div>  </div>  </div></div></li> </ul></div></nav><div class="header-socials"><span class="social-label">Follow us:</span><div class="social-links"><a href="https://facebook.com/wpbeginner" target="_blank" rel="noopener nofollow" class="facebook" title="Join WPBeginner on Facebook"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-facebook-square"></use></svg></a><a href="https://twitter.com/wpbeginner" target="_blank" rel="noopener nofollow" class="twitter" title="Follow WPBeginner on Twitter"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-twitter"></use></svg></a><a href="https://youtube.com/wpbeginner?sub_confirmation=1" target="_blank" rel="noopener nofollow" class="youtube" title="Subscribe to WPBeginner on YouTube"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-youtube"></use></svg></a><a href="https://www.instagram.com/wpbeginner/" target="_blank" rel="noopener nofollow" class="instagram" title="Follow WPBeginner on Instagram"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-instagram"></use></svg></a><a href="https://www.facebook.com/groups/wpbeginner" target="_blank" rel="noopener nofollow" class="facebook" title="Join the WPBeginner group on Facebook"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#solid-users"></use></svg></a><a href="https://www.pinterest.com/wpbeginner/" target="_blank" rel="noopener nofollow" class="pinterest" title="Follow WPBeginner on Pinterest"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-pinterest"></use></svg></a><a href="https://www.linkedin.com/company/wpbeginner/" target="_blank" rel="noopener nofollow" class="linkedin" title="Join WPBeginner on LinkedIn"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-linkedin"></use></svg></a><a href="https://app.monstercampaigns.com/c/vmrqpgrbcgdztg90fueg/" target="_blank" rel="noopener nofollow" class="manual-optin-trigger email" title="Join WPBeginner Weekly Email Newsletter"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-envelope"></use></svg></a></div></div></div></header> <div class="orangeribbon"> <div class="wrap"> <div class="secondary-header"> <div class="secondary-header__nav-menu-container"> <button aria-label="Menu" class="menu-toggle"> <svg class="open" width="17" height="17" aria-hidden="true" role="img" focusable="false"> <use xlink:href="#regular-bars"></use> </svg> <svg class="close" width="17" height="17" aria-hidden="true" role="img" focusable="false"> <use xlink:href="#regular-times"></use> </svg> </button> <nav class="nav-menu" role="navigation"><div class="menu-secondary-menu-container"><ul id="secondary-header-nav" class="menu"><li id="menu-item-775" class="menu-item menu-item-home"><a href="https://videos.wpbeginner.com/" itemprop="url">Videos</a></li> <li id="menu-item-685" class="menu-item"><a href="/courses" itemprop="url">Courses</a></li> <li id="menu-item-902" class="menu-item"><a href="https://videos.wpbeginner.com/community/" itemprop="url">Community</a></li> </ul></div></nav> </div> <div class="right-actions"> <a href="https://videos.wpbeginner.com/join" class="secondary-header__button-filled">Join for FREE!</a> <a href="https://videos.wpbeginner.com/login" class="secondary-header__button-outlined">Login</a> </div> </div> </div> </div> <div class="site-inner" id="main-content"><div class="wrap"><div class="content-area"><main class="site-main wpb-extra-single-course" id="genesis-content"><div class="aioseo-breadcrumbs"><span class="aioseo-breadcrumb"> WPBeginner </span><span class="aioseo-breadcrumb-separator">»</span><span class="aioseo-breadcrumb"> <a href="https://videos.wpbeginner.com" title="Videos">Videos</a> </span><span class="aioseo-breadcrumb-separator">»</span><span class="aioseo-breadcrumb"> <a href="https://videos.wpbeginner.com/courses/" title="Courses">Courses</a> </span><span class="aioseo-breadcrumb-separator">»</span><span class="aioseo-breadcrumb"> <a href="https://videos.wpbeginner.com/course-category/wordpress-plugins/" title="WordPress Plugins">WordPress Plugins</a> </span><span class="aioseo-breadcrumb-separator">»</span><span class="aioseo-breadcrumb"> WPCode Course | Get Started with WPCode </span></div><article class="type-mpcs-course entry" aria-label="WPCode Course | Get Started with WPCode" itemscope itemtype="https://schema.org/CreativeWork"><header class="entry-header"><h1 id="course-title" class="wpb-extra-single-course__entry-title">WPCode Course | Get Started with WPCode</h1> <div class="wpb-post-meta"> <div class='wpb-post-meta__people-joined'><svg width="68" height="30" aria-hidden="true" role="img" focusable="false"><use xlink:href="#course-people"></use></svg><strong>40+</strong> learners already joined</div><div class='wpb-post-meta__lessons-nr'><svg width="15" height="18" aria-hidden="true" role="img" focusable="false"><use xlink:href="#course-lessons"></use></svg>12 lessons</div><div class='wpb-post-meta__level'><svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#course-level"></use></svg>Beginner</div><div class='wpb-post-meta__time_to_read'><svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#course-time"></use></svg>2 minutes </div> </div> </header><div class="entry-content" itemprop="text"> <div class="wpb-extra-single-course__header wpb-extra-single-course__header--not-logged-in"> <div>  <p>Elevate your WordPress website with WPCode, the powerful tool used by millions. In under an hour, you'll learn how to effortlessly add custom code snippets without coding knowledge. From simple snippets to complex scripts, WPCode makes it easy to enhance your site's functionality and design.</p>  </div> <div> <a class="wpb-extra-single-course__thumbnail js-play-video-course-preview" href="https://videos.wpbeginner.com/join" data-post-id="105651" data-video-url="https://vimeo.com/900803870" data-title="Introduction to WPCode" > <img width="1140" height="642" src="https://videos.wpbeginner.com/wp-content/uploads/2024/02/wpcode-thumbnail.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="wpcode course" decoding="async" title="wpcode-thumbnail - WordPress Video Tutorials" /> <div class="start-course"> <svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#solid-play"></use></svg> </div> </a> </div> </div> <div class="wpb-extra-single-course__join-cta"> <div> <blockquote> <p>If you join now, you'll get unlimited access to all our videos for <strong>FREE</strong>, forever!<br/> And yes, there is no catch 🙂</p> <cite>- Syed Balkhi, Founder of WPBeginner</cite> </blockquote> </div> <div> <svg width="170" height="60" aria-hidden="true" role="img" focusable="false"><use xlink:href="#course-join-cta"></use></svg> </div> <div> <div class="wpb-extra-single-course__join-cta__price"> <s>$49</s> <span>FREE</span> </div> <div class="wpb-extra-single-course__join-cta__button"> <a href="https://videos.wpbeginner.com/join"> <span>Join for FREE!</span> <span class="button-glow-l"> <svg width="30" height="30" aria-hidden="true" role="img" focusable="false"><use xlink:href="#course-join-cta-glow-l"></use></svg> </span> <span class="button-glow-r"> <svg width="30" height="30" aria-hidden="true" role="img" focusable="false"><use xlink:href="#course-join-cta-glow-r"></use></svg> </span> </a> </div> </div> </div> <div class="wpb-extra-single-course__content"> <div id="section1" class="wpb-course-section "> <div class="wpb-course-section__header js-course-section-header"> <div class="wpb-course-section__title">Getting Started with WPCode</div> <span class="section-collapse-icon"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-chevron-down"></use></svg> </span> </div> <div class="wpb-course-lessons"> <a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105651" class="wpb-course-lesson wpb-course-lesson--available wpb-course-lesson--not-link js-play-video-course-preview " data-post-id="105651"data-video-url="https://vimeo.com/900803870"data-title="Introduction to WPCode"> <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#solid-play-circle"></use></svg> </div> <div class="wpb-course-lesson__link"> Introduction to WPCode <span class="wpb-course-lesson__preview-label"><svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-eye"></use></svg><span>Preview</span></span> </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>2 minutes </div> </a><a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105652" class="wpb-course-lesson wpb-course-lesson--locked wpb-course-lesson--not-link " > <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-lock"></use></svg> </div> <div class="wpb-course-lesson__link"> Installing and Configuring WPCode </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>3 minutes </div> </a><a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105654" class="wpb-course-lesson wpb-course-lesson--locked wpb-course-lesson--not-link " > <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-lock"></use></svg> </div> <div class="wpb-course-lesson__link"> Identifying the Right Snippet for Your Needs </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>3 minutes </div> </a><a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105655" class="wpb-course-lesson wpb-course-lesson--locked wpb-course-lesson--not-link " > <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-lock"></use></svg> </div> <div class="wpb-course-lesson__link"> Using the Ready-Made Snippets Library </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>8 minutes </div> </a><a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105656" class="wpb-course-lesson wpb-course-lesson--locked wpb-course-lesson--not-link " > <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-lock"></use></svg> </div> <div class="wpb-course-lesson__link"> Creating Custom Code Snippets </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>3 minutes </div> </a><a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105657" class="wpb-course-lesson wpb-course-lesson--locked wpb-course-lesson--not-link " > <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-lock"></use></svg> </div> <div class="wpb-course-lesson__link"> Managing Global Header & Footer Scripts </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>5 minutes </div> </a><a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105658" class="wpb-course-lesson wpb-course-lesson--locked wpb-course-lesson--not-link " > <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-lock"></use></svg> </div> <div class="wpb-course-lesson__link"> Implementing Smart Conditional Logic </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>4 minutes </div> </a><a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105659" class="wpb-course-lesson wpb-course-lesson--locked wpb-course-lesson--not-link " > <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-lock"></use></svg> </div> <div class="wpb-course-lesson__link"> E-commerce Conversion Tracking </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>7 minutes </div> </a><a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105660" class="wpb-course-lesson wpb-course-lesson--locked wpb-course-lesson--not-link " > <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-lock"></use></svg> </div> <div class="wpb-course-lesson__link"> Creating Dynamic Content Elements </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>5 minutes </div> </a><a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105661" class="wpb-course-lesson wpb-course-lesson--locked wpb-course-lesson--not-link " > <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-lock"></use></svg> </div> <div class="wpb-course-lesson__link"> Using the Code Generator </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>3 minutes </div> </a><a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105662" class="wpb-course-lesson wpb-course-lesson--locked wpb-course-lesson--not-link " > <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-lock"></use></svg> </div> <div class="wpb-course-lesson__link"> Adding Snippets to Your Private Cloud Library </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>2 minutes </div> </a><a href='https://videos.wpbeginner.com/join/#register' id="wpb-course-lesson-105663" class="wpb-course-lesson wpb-course-lesson--locked wpb-course-lesson--not-link " > <div class="wpb-course-lesson__progress"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-lock"></use></svg> </div> <div class="wpb-course-lesson__link"> Advanced Code Revisions </div> <div class="wpb-course-lesson__time"> <svg width="16" height="16" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-clock"></use></svg>2 minutes </div> </a> </div> </div> </div> </div></article> <div class="wpb-extra-related-courses"> <div class="wpb-extra-related-header"> <div class="wpb-extra-related-header__heading">Other <mark>Free Courses</mark> </div> <div> <a href="#">See all courses<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5625 0.79834L0.09375 1.24365C0 1.36084 0 1.54834 0.09375 1.64209L4.33594 5.88428L0.09375 10.1499C0 10.2437 0 10.4312 0.09375 10.5483L0.5625 10.9937C0.679688 11.1108 0.84375 11.1108 0.960938 10.9937L5.88281 6.09521C5.97656 5.97803 5.97656 5.81396 5.88281 5.69678L0.960938 0.79834C0.84375 0.681152 0.679688 0.681152 0.5625 0.79834Z" fill="#757575"/> </svg></a> </div> </div> <div class="wpb-search-loop wpb-search-loop--2-columns"> <div class="wpb-search-loop__item wpb-search-loop__item--default"> <div> <a href="https://videos.wpbeginner.com/courses/wpforms-101/" class="wpb-search-loop__image has-no-play-video-trigger" data-post-id="2922" style="background-image: url(https://videos.wpbeginner.com/wp-content/uploads/2023/03/wpforms-101-thumbnail.png)" > <div class="play"></div> </a> </div> <h2><a href="https://videos.wpbeginner.com/courses/wpforms-101/" class="has-no-play-video-trigger" data-post-id="2922" >How to Use WPForms</a> </h2> <div class="wpb-post-meta"> <mark class='wpb-post-meta__cat'>WordPress Plugins</mark> </div> </div> <div class="wpb-search-loop__item wpb-search-loop__item--default"> <div> <a href="https://videos.wpbeginner.com/courses/seedprod-101/" class="wpb-search-loop__image has-no-play-video-trigger" data-post-id="2861" style="background-image: url(https://videos.wpbeginner.com/wp-content/uploads/2023/03/seedprod-101-thumbnail.png)" > <div class="play"></div> </a> </div> <h2><a href="https://videos.wpbeginner.com/courses/seedprod-101/" class="has-no-play-video-trigger" data-post-id="2861" >Getting Started with SeedProd</a> </h2> <div class="wpb-post-meta"> <mark class='wpb-post-meta__cat'>WordPress Plugins</mark> </div> </div> </div> <script> var videoModalItems = [ { "videoUrl": "", "postId": 2922, "pageTitle": "How to Use WPForms" }, { "videoUrl": "", "postId": 2861, "pageTitle": "Getting Started with SeedProd" } ] </script> </div> </main></div></div></div><div class="footer-press"><div class="wrap"><p>Featured in</p><div class="footer-logos-wrap"><div><div class="footer-logo inc"></div></div><div><div class="footer-logo entrepreneur"></div></div><div><div class="footer-logo forbes"></div></div><div><div class="footer-logo guardian"></div></div><div><div class="footer-logo mozilla"></div></div><div><div class="footer-logo business-insider"></div></div><div><div class="footer-logo msn"></div></div><div><div class="footer-logo wired"></div></div></div></div></div><footer class="site-footer" itemscope itemtype="https://schema.org/WPFooter"><div class="wrap"> <div class="aboutwpbeginner footer-widget"> <div class="footer-heading">About WPBeginner®</div> <p>WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by <u><a href="https://syedbalkhi.com/" title="Syed Balkhi" target="_blank" rel="noopener">Syed Balkhi</a></u>. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).</p> <p>Join our team: <a href="https://awesomemotive.com/career/" rel="noopener" target="_blank" class="highlight">We are Hiring!</a></p> <div class="footer-socials"> <span class="social-label">Follow us:</span> <div class="social-links"><a href="https://facebook.com/wpbeginner" target="_blank" rel="noopener nofollow" class="facebook" title="Join WPBeginner on Facebook"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-facebook-square"></use></svg></a><a href="https://www.facebook.com/groups/wpbeginner" target="_blank" rel="noopener nofollow" class="facebook" title="Join the WPBeginner group on Facebook"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#solid-users"></use></svg></a><a href="https://twitter.com/wpbeginner" target="_blank" rel="noopener nofollow" class="twitter" title="Follow WPBeginner on Twitter"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-twitter"></use></svg></a><a href="https://www.instagram.com/wpbeginner/" target="_blank" rel="noopener nofollow" class="instagram" title="Follow WPBeginner on Instagram"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-instagram"></use></svg></a><a href="https://youtube.com/wpbeginner?sub_confirmation=1" target="_blank" rel="noopener nofollow" class="youtube" title="Subscribe to WPBeginner on YouTube"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-youtube"></use></svg></a><a href="https://www.linkedin.com/company/wpbeginner/" target="_blank" rel="noopener nofollow" class="linkedin" title="Join WPBeginner on LinkedIn"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-linkedin"></use></svg></a><a href="https://www.pinterest.com/wpbeginner/" target="_blank" rel="noopener nofollow" class="pinterest" title="Follow WPBeginner on Pinterest"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#brands-pinterest"></use></svg></a><a href="https://app.monstercampaigns.com/c/vmrqpgrbcgdztg90fueg/" target="_blank" rel="noopener nofollow" class="manual-optin-trigger email" title="Join WPBeginner Weekly Email Newsletter"><svg width="24" height="24" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-envelope"></use></svg></a></div> </div> </div> <div class="site-links footer-widget"> <div class="footer-heading">Site Links</div> <ul> <li><a href="https://www.wpbeginner.com/about-wpbeginner/" title="Read more about WPBeginner and our Story">About Us</a></li> <li><a href="https://www.wpbeginner.com/contact/" title="Contact WPBeginner Team">Contact Us</a></li> <li><a href="https://www.wpbeginner.com/wpbeginner-disclaimer/">FTC Disclosure</a></li> <li><a href="https://www.wpbeginner.com/privacy-policy/">Privacy Policy</a></li> <li><a href="https://www.wpbeginner.com/terms-of-use/">Terms of Service</a></li> <li><a href="https://www.wpbeginner.com/free-wordpress-blog-setup/" title="Free WordPress blog setup by our Expert team">Free Blog Setup</a></li> <li><a href="https://www.wpbeginner.com/tools/" title="Free business tools for small businesses">Free Business Tools</a></li> <li><a href="https://www.wpbeginner.com/wpbeginner-growth-fund/" title="WPBeginner Growth Fund - We buy and invest in WordPress businesses">Growth Fund</a></li> </ul> </div> <div class="our-sites footer-widget"> <div class="footer-heading">Our Sites</div> <ul> <li><a href="https://optinmonster.com/" target="_blank" rel="noopener" title="OptinMonster - Best WordPress Lead Generation Plugin">OptinMonster</a></li> <li><a href="https://wpforms.com/" target="_blank" rel="noopener" title="WPForms - Best WordPress Contact Form Plugin">WPForms</a></li> <li><a href="https://www.monsterinsights.com/" rel="noopener" target="_blank" title="MonsterInsights - Best Google Analytics Plugin For WordPress">MonsterInsights</a></li> <li><a href="https://wpmailsmtp.com/" target="_blank" rel="noopener" title="WP Mail SMTP - Fix WordPress Email Deliverability">WP Mail SMTP</a></li> <li><a href="https://aioseo.com/" target="_blank" rel="noopener" title="All in One SEO - Best WordPress SEO Plugin">All in One SEO</a></li> <li><a href="https://smashballoon.com/" target="_blank" rel="noopener" title="Smash Balloon - Best WordPress social feeds plugin">Smash Balloon</a></li> <li><a href="https://www.seedprod.com/" target="_blank" rel="noopener" title="SeedProd - Best WordPress Page Builder plugin">SeedProd</a></li> <li><a href="https://www.nameboy.com/" target="_blank" rel="noopener" title="The best domain name generator run by Syed Balkhi">Nameboy</a></li> <li><a href="https://rafflepress.com/" target="_blank" rel="noopener" title="RafflePress - Best WordPress giveaway plugin">RafflePress</a></li> <li><a href="https://pushengage.com/" target="_blank" rel="noopener" title="PushEngage - Best web push notification software">PushEngage</a></li> <li><a href="https://trustpulse.com/" target="_blank" rel="noopener" title="TrustPulse - Boost Ecommerce conversion with social proof">TrustPulse</a></li> <li><a href="https://affiliatewp.com/" target="_blank" rel="noopener" title="AffiliateWP - WordPress affiliate management plugin">AffiliateWP</a></li> <li><a href="https://easydigitaldownloads.com/" target="_blank" rel="noopener" title="Easy Digital Downloads - Sell Digital Products in WordPress">Easy Digital Downloads</a></li> <li><a href="https://wpsimplepay.com/" target="_blank" rel="noopener" title="WP Simple Pay - Accept payments in WordPress without shopping cart">WP Simple Pay</a></li> <li><a href="https://searchwp.com/" target="_blank" rel="noopener" title="SearchWP - Advanced WordPress Search plugin">SearchWP</a></li> </ul> </div> </div></footer> <div class="footer-copyright"> <div class="wrap"> <p>Copyright © 2009 - 2024 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.</p> <p>Managed by <u><a href="https://awesomemotive.com" target="_blank" rel="noopener">Awesome Motive</a></u> | <a href="https://www.wpbeginner.com/wordpress-hosting/" title="How to Choose the Best WordPress Hosting?">WordPress hosting</a> by <u><a href="https://www.wpbeginner.com/refer/siteground/" target="_blank" rel="nofollow noopener">SiteGround</a></u> | <a href="https://www.wpbeginner.com/wordpress-security/" title="Ultimate WordPress Security Guide">WordPress Security</a> by <u><a href="https://www.wpbeginner.com/opinion/sucuri-review-how-sucuri-helped-us-block-450000-wordpress-attacks-in-3-months/" title="Why we use Sucuri">Sucuri</a></u>.</p> <p class="trademarks-footer"> The WordPress® trademark is the intellectual property of the WordPress Foundation. Uses of the WordPress®, names in this website are for identification purposes only and do not imply an endorsement by WordPress Foundation. WPBeginner is not endorsed or owned by, or affiliated with, the WordPress Foundation. </p> </div> </div> <div class="search-modal"><div class="wrap"><button class="search-modal__close" aria-label="Close Search"><svg width="20" height="20" aria-hidden="true" role="img" focusable="false"><use xlink:href="#regular-times"></use></svg></button><p class="search-modal__title">Search videos</p> <form method="get" class="wpb-search-field" action="https://videos.wpbeginner.com"> <div class="wpb-search-field__label">I need help with...</div> <div class="wpb-search-field__input"> <input type="text" aria-label="Search Field" name="kw" value="" placeholder="Enter your keywords and search videos..." onkeydown="this.parentNode.querySelector('.submit').style.display = 'block"/> <a href="https://videos.wpbeginner.com" title="Reset" class="reset-search" style="display: none"></a> <button aria-label="Search Button" type="submit" class="submit-search" style="display: block"></button> </div> </form> <div class="wpb-search-tabs"> <ul class='wpb-search-tabs__tabs'> <li class='active has-icon'> <a href='#search-tab-0'> Popular Searches </a> </li><li class=' has-icon'> <a href='#search-tab-1'> Learn WordPress </a> </li><li class=' has-icon'> <a href='#search-tab-2'> Blogging </a> </li><li class=' has-icon'> <a href='#search-tab-3'> WordPress SEO </a> </li><li class=' has-icon'> <a href='#search-tab-4'> WordPress Plugins </a> </li> </ul> </div> <ul class='wpb-search-tabs-content'> <li class='active'><a href='https://videos.wpbeginner.com/courses/wordpress-101/' class=''> WordPress 101 </a><a href='https://www.wpbeginner.com/wordpress-plugins/' class=''> WordPress Plugins </a><a href='https://www.wpbeginner.com/showcase/best-wordpress-themes/' class=''> WordPress Themes </a><a href='https://www.wpbeginner.com/managed-wordpress-hosting/' class=''> WordPress Managed Hosting </a><a href='https://www.wpbeginner.com/showcase/best-wordpress-development-agencies/' class=''> WordPress Services </a><a href='https://www.wpbeginner.com/blog/' class=''> More... </a></li><li class=''><a href='https://videos.wpbeginner.com/courses/wordpress-101/' class=''> WordPress 101 </a><a href='https://www.wpbeginner.com/wordpress-plugins/' class=''> WordPress Plugins </a><a href='https://www.wpbeginner.com/showcase/best-wordpress-themes/' class=''> WordPress Themes </a><a href='https://www.wpbeginner.com/start-a-wordpress-blog/' class=''> Start a Blog </a><a href='https://www.wpbeginner.com/guides/' class=''> Start a Website </a><a href='https://www.wpbeginner.com/wp-tutorials/how-to-start-an-online-store/' class=''> Start an Online Store </a></li><li class=''><a href='https://videos.wpbeginner.com/courses/how-to-become-a-better-blogger/' class=''> Become a Blogger </a><a href='https://www.wpbeginner.com/beginners-guide/best-drag-and-drop-page-builders-for-wordpress/' class=''> Best Page Builders </a><a href='https://www.wpbeginner.com/wordpress-performance-speed/' class=''> Ultimate WordPress Speed Guide </a><a href='https://www.wpbeginner.com/wordpress-security/' class=''> Ultimate Security Guide </a><a href='https://www.wpbeginner.com/showcase/best-wordpress-themes/' class=''> Best WordPress Themes </a></li><li class=''><a href='https://videos.wpbeginner.com/courses/wordpress-seo-for-beginners/' class=''> SEO Video Guide </a><a href='https://www.wpbeginner.com/wordpress-seo/' class=''> Ultimate WordPress SEO Guide </a><a href='https://www.wpbeginner.com/showcase/9-best-wordpress-seo-plugins-and-tools-that-you-should-use/' class=''> WordPress SEO Plugins </a><a href='https://www.wpbeginner.com/blog/' class=''> More... </a></li><li class=''><a href='https://www.wpbeginner.com/wordpress-plugins/' class=''> Best WordPress Plugins </a><a href='https://www.wpbeginner.com/plugins/best-wordpress-security-plugins-compared/' class=''> Best Security Plugins </a><a href='https://www.wpbeginner.com/plugins/best-wordpress-lms-plugins-compared/' class=''> Best LMS Plugins </a><a href='https://www.wpbeginner.com/plugins/5-best-wordpress-membership-plugins-compared/' class=''> Best Membership Plugins </a><a href='https://www.wpbeginner.com/plugins/20-best-free-woocommerce-plugins-for-wordpress/' class=''> Best WooCommerce Plugins </a></li> </ul> </div></div></div> <script type="text/javascript"> var sbiajaxurl = "https://videos.wpbeginner.com/wp-admin/admin-ajax.php"; </script>  <script type="text/javascript"> </script>  <script type="text/javascript"> </script> <script type="text/javascript"> document.addEventListener('om.Scripts.init', function (event) { event.detail.Scripts.enabled.fonts = false; }); </script> <script> var sf = document.querySelectorAll('.wpb-search-field'); if (sf && sf.length > 0) { var sfTotal = sf.length; for (let i = 0; i < sfTotal; i++) { var input = sf[i].querySelectorAll('input')[0]; var reset = sf[i].querySelectorAll('.reset-search')[0]; var submit = sf[i].querySelectorAll('.submit-search')[0]; input.addEventListener('keypress', function () { reset.style.display = 'none'; submit.style.display = 'none'; }); } } </script> <script type="text/javascript" src="https://videos.wpbeginner.com/wp-content/plugins/cff-extensions/cff-carousel/js/carousel.js?ver=1.2.3" id="cff_carousel_js-js"></script> <script type="text/javascript" async="async" src="https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/assets/js/global-min.js?ver=1729619831" id="theme-global-js"></script> <script type="text/javascript" src="https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/extra/js/global.min.js?ver=0e3dd22c0e562756" id="wpb-extra-global-js"></script> <script type="text/javascript" id="wpb-video-modal-js-extra"> /* <![CDATA[ */ var videoModalStaticData = []; /* ]]> */ </script> <script type="text/javascript" src="https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/extra/js/modal.min.js?ver=9ee5a030e79cfce0" id="wpb-video-modal-js"></script> <script type="text/javascript" src="https://videos.wpbeginner.com/wp-content/plugins/memberpress-courses/public/js/progress.js?ver=1.3.9" id="mpcs-progress-js-js"></script> <script type="text/javascript" src="https://videos.wpbeginner.com/wp-content/themes/wpbv6videos/extra/js/course-sections.min.js?ver=3b3e89f27df5e885" id="wpb-course-sections-js"></script> <svg style="display:none;"><defs><symbol id="regular-search"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"/></symbol><symbol id="regular-times"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"/></symbol><symbol id="regular-bars"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"/></symbol><symbol id="regular-chevron-down"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"/></symbol><symbol id="regular-envelope"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></symbol><symbol id="regular-check"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z"/></symbol><symbol id="regular-lock"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 192h-32v-46.6C368 65.8 304 .2 224.4 0 144.8-.2 80 64.5 80 144v48H48c-26.5 0-48 21.5-48 48v224c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V240c0-26.5-21.5-48-48-48zm-272-48c0-52.9 43.1-96 96-96s96 43.1 96 96v48H128v-48zm272 320H48V240h352v224z"/></symbol><symbol id="regular-eye"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M288 144a110.94 110.94 0 00-31.24 5 55.4 55.4 0 017.24 27 56 56 0 01-56 56 55.4 55.4 0 01-27-7.24A111.71 111.71 0 10288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 000 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 000-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"/></symbol><symbol id="regular-clock"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"/></symbol><symbol id="regular-chevron-left"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path d="M231.293 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L70.393 256 251.092 74.87c4.686-4.686 4.686-12.284 0-16.971L231.293 38.1c-4.686-4.686-12.284-4.686-16.971 0L4.908 247.515c-4.686 4.686-4.686 12.284 0 16.971L214.322 473.9c4.687 4.686 12.285 4.686 16.971-.001z"/></symbol><symbol id="regular-chevron-right"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path d="M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z"/></symbol><symbol id="brands-facebook-square"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 32H48A48 48 0 000 80v352a48 48 0 0048 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0048-48V80a48 48 0 00-48-48z"/></symbol><symbol id="brands-twitter"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></symbol><symbol id="brands-youtube"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></symbol><symbol id="brands-instagram"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></symbol><symbol id="brands-pinterest"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></symbol><symbol id="brands-linkedin"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></symbol><symbol id="solid-users"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z"/></symbol><symbol id="solid-play"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"/></symbol><symbol id="solid-play-circle"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z"/></symbol><symbol id="course-people"width="68" height="30" viewBox="0 0 68 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.9994 29.9989C23.2834 29.9989 29.9989 23.2834 29.9989 14.9994C29.9989 6.71548 23.2834 0 14.9994 0C6.71547 0 0 6.71548 0 14.9994C0 23.2834 6.71547 29.9989 14.9994 29.9989Z" fill="#F5F5F5"/><path d="M14.9994 29.9989C23.2834 29.9989 29.9989 23.2834 29.9989 14.9994C29.9989 6.71548 23.2834 0 14.9994 0C6.71547 0 0 6.71548 0 14.9994C0 23.2834 6.71547 29.9989 14.9994 29.9989Z" fill="#E8EDC5"/><path d="M14.9994 29.9989C23.2834 29.9989 29.9989 23.2834 29.9989 14.9994C29.9989 6.71548 23.2834 0 14.9994 0C6.71547 0 0 6.71548 0 14.9994C0 23.2834 6.71547 29.9989 14.9994 29.9989Z" fill="#D8E197"/><path d="M10.8212 20.3574C12.691 18.4877 12.691 15.4563 10.8213 13.5866C8.95154 11.7169 5.92015 11.7169 4.05044 13.5866C2.18073 15.4563 2.18074 18.4877 4.05044 20.3574C5.92015 22.2271 8.95154 22.2271 10.8212 20.3574Z" fill="black"/><path d="M6.08888 18.3778C6.08888 18.3778 2.30795 16.1548 3.48944 14.1491C4.67093 12.1426 7.05737 12.3582 7.00347 10.2065C6.94957 8.05565 6.09323 5.95349 9.78897 6.57075C13.4847 7.18801 13.8307 2.71591 16.0798 3.76525C18.3298 4.81373 17.6021 6.6516 19.5765 7.83744C21.5517 9.02414 25.31 8.55033 24.4772 12.2061C23.6452 15.8618 21.6195 18.6456 20.225 18.1674C18.8314 17.6901 19.5078 19.8227 19.1713 21.052C18.834 22.2805 17.6178 26.2057 14.0046 21.0729C10.3915 15.9401 8.5075 19.5767 6.08888 18.3778Z" fill="black"/><path d="M16.2965 12.3415L12.5147 14.3481C12.5147 14.3481 11.8757 16.5137 10.8707 18.2864C9.86569 20.0582 15.0081 19.3001 15.0081 19.3001L16.2965 12.3424V12.3415Z" fill="white"/><path d="M12.4303 16.4342C12.4303 16.4342 14.489 15.9561 15.4958 14.5946C16.0313 13.8704 16.0713 13.0863 15.8531 12.5759L13.7127 13.7113C13.704 13.7505 13.7005 13.7748 13.7005 13.7748C13.7005 13.7748 13.6849 13.7635 13.657 13.7418L12.5155 14.3469C12.5155 14.3469 12.2286 15.3188 11.7366 16.4934L12.4303 16.4334V16.4342Z" fill="black"/><path d="M15.9474 13.0383C16.9542 11.6768 16.2178 10.0902 15.2824 10.5466C14.3469 11.0022 14.1522 12.2193 14.1522 12.2193C14.1522 12.2193 12.3012 10.8944 12.882 8.77482C12.1143 8.6844 11.2858 8.45141 10.4547 8.07584L8.80981 12.0054L9.74179 12.3749L10.0539 15.1222L12.882 14.8779C12.882 14.8779 14.9407 14.3997 15.9474 13.0383Z" fill="white"/><path d="M11.4848 9.95108C11.1136 9.44945 10.6024 9.56768 10.5807 9.5729L10.4885 9.21298C10.5198 9.20515 11.2605 9.02258 11.783 9.73026L11.4848 9.95108Z" fill="black"/><path d="M11.2548 13.4906L11.1887 13.1246C11.8025 13.0142 11.9233 12.5039 11.9286 12.4822L12.292 12.5587C12.285 12.59 12.1216 13.335 11.2548 13.4906Z" fill="black"/><path d="M11.0176 10.3758C10.9281 10.5079 10.7794 10.5453 10.6864 10.4592C10.5934 10.3731 10.5899 10.1967 10.6803 10.0645C10.7698 9.93237 10.9185 9.89498 11.0115 9.98105C11.1046 10.0671 11.108 10.2436 11.0176 10.3758Z" fill="black"/><path d="M15 30C18.7522 30 22.1802 28.6194 24.8101 26.3416L23.9181 24.1769C22.827 21.5305 20.5066 19.5883 17.7098 18.9797L12.5414 17.8565C9.5533 17.2071 6.52958 18.7928 5.36461 21.6209L3.92578 25.1149C6.66868 28.1161 10.6139 29.9991 15.0008 29.9991L15 30Z" fill="#85BAC6"/><path d="M28.2851 18.1457C28.2851 15.7315 26.4516 13.7467 24.1008 13.5058C23.8209 13.3433 23.5818 13.1911 23.4149 13.0503C22.5681 12.3374 23.5487 12.0253 23.6374 11.0446C23.727 10.064 20.9815 9.16154 20.9815 9.16154C20.3312 8.66078 15.8365 7.47842 14.7671 8.36953C13.6969 9.26065 14.2324 11.5793 14.4107 11.1333C14.5889 10.6873 14.941 10.1683 15.5487 10.5934C16.6389 11.3559 15.2131 12.3365 15.2131 12.3365C15.2131 12.3365 13.7865 13.6736 14.4107 15.3681C14.8106 16.4539 15.0175 17.0946 15.0236 17.5763C14.8123 18.1162 14.695 18.7039 14.695 19.3185C14.695 21.9623 16.8702 23.6985 19.4826 24.1062C23.8374 24.7861 27.2341 21.6172 27.9339 19.9236C28.2199 19.4063 28.3069 18.8812 28.2799 18.3787C28.2834 18.3013 28.286 18.2231 28.286 18.1449L28.2851 18.1457Z" fill="black"/><path d="M48.4985 15C48.4985 23.0081 42.0067 29.5 33.9985 29.5C25.9904 29.5 19.4985 23.0081 19.4985 15C19.4985 6.99187 25.9904 0.5 33.9985 0.5C42.0067 0.5 48.4985 6.99187 48.4985 15Z" fill="#EFCBBF" stroke="white"/><path d="M24.7977 26.7372C24.7742 26.7372 24.7498 26.7328 24.7264 26.7233C24.6316 26.6841 24.5864 26.5755 24.6264 26.4807L25.1037 25.3296C26.2887 22.4727 29.1586 20.6469 32.2512 20.7878L39.4473 21.1147C39.4751 21.1155 39.5021 21.1234 39.5264 21.1364L45.5801 24.3489C45.6706 24.3967 45.7053 24.5097 45.6575 24.6002C45.6097 24.6906 45.4967 24.7254 45.4063 24.6775L39.389 21.485L32.2346 21.1599C29.3004 21.0269 26.573 22.7596 25.4471 25.473L24.9698 26.6242C24.9403 26.6954 24.8707 26.7389 24.7985 26.7389L24.7977 26.7372Z" fill="black"/><path d="M38.6359 18.0884L39.4392 21.3009L40.9216 22.166L38.8698 25.5923C37.5787 27.7485 34.3392 27.3338 33.6324 24.922L32.9517 22.5981L38.635 18.0884H38.6359Z" fill="white"/><path d="M33.6353 24.9226C33.6797 25.073 33.7336 25.2156 33.7962 25.3503C34.3483 24.9921 34.8386 24.4966 35.2203 23.8584L38.4528 18.4585L38.2902 18.3637L32.9546 22.5978L33.6353 24.9217V24.9226Z" fill="black"/><path d="M37.9231 6.34031C35.6435 5.08574 32.5893 5.57088 32.0789 6.46116C31.6485 6.00732 31.053 5.66391 30.3531 5.51871C28.7195 5.17964 27.1467 6.0421 26.8398 7.44533C26.5747 8.66077 27.3476 9.8823 28.6204 10.4083C28.2265 11.229 27.9118 12.1315 27.7014 13.0965C26.8607 16.9472 33.0596 18.5564 34.2377 18.8016C37.4241 19.4632 40.6226 17.181 41.3825 13.7025C42.1424 10.2249 40.6766 7.8557 37.9231 6.34031Z" fill="black"/><path d="M38.9967 15.4688C39.992 10.794 38.2653 6.46487 35.1398 5.7994C32.0144 5.13393 28.6738 8.38411 27.6785 13.0589C26.6831 17.7336 28.4099 22.0627 31.5353 22.7282C34.6607 23.3937 38.0013 20.1435 38.9967 15.4688Z" fill="white"/><path d="M37.8787 7.31877C36.9641 7.46657 36.2121 7.83695 35.7478 8.43771C34.4367 10.1322 35.4844 14.2576 38.9438 15.0818C39.1594 15.1331 39.4028 15.0757 39.5967 15.1757C40.2766 12.0223 39.5489 9.06195 37.8787 7.31877Z" fill="black"/><path d="M28.4851 10.3619C29.7797 11.0905 31.5567 11.5408 33.5181 11.5408C36.8176 11.5408 39.5945 10.268 40.4282 8.53613C39.571 6.79035 38.1808 5.55578 36.4211 5.21149C33.4129 4.6229 30.2405 6.81209 28.4851 10.3619Z" fill="black"/><path d="M41.5963 17.285C41.9237 15.9835 41.134 14.663 39.8325 14.3356C38.531 14.0082 37.2105 14.7979 36.8831 16.0994C36.5557 17.4009 37.3454 18.7214 38.6469 19.0488C39.9484 19.3762 41.2689 18.5865 41.5963 17.285Z" fill="white"/><path d="M32.1181 6.54652C32.0503 6.54652 31.9842 6.50913 31.9521 6.44393C31.5 5.54321 30.701 5.05982 29.5768 5.00765C28.7144 4.96766 27.9745 5.20762 27.9675 5.21023C27.8702 5.24239 27.765 5.18936 27.7328 5.09199C27.7006 4.99461 27.7537 4.88941 27.8502 4.85724C27.8823 4.84681 31.0557 3.82612 32.2842 6.277C32.3303 6.36829 32.2929 6.48044 32.2016 6.52652C32.1746 6.53956 32.1468 6.54652 32.1181 6.54652Z" fill="black"/><path d="M27.8714 14.9677C27.9322 15.3381 28.1731 15.6068 28.4087 15.5676C28.6443 15.5285 28.786 15.1973 28.7243 14.8269C28.6634 14.4565 28.4226 14.1879 28.187 14.227C27.9514 14.2661 27.8097 14.5974 27.8714 14.9677Z" fill="black"/><path d="M27.2704 13.7224C27.1991 13.7224 27.1304 13.6807 27.1 13.6111C27.0591 13.5172 27.1017 13.4077 27.1956 13.3668C27.9711 13.0268 28.7945 13.1599 28.8293 13.166C28.9301 13.1833 28.9988 13.2781 28.9814 13.3798C28.9649 13.4807 28.8666 13.5494 28.7675 13.5329C28.7597 13.532 28.0155 13.4137 27.3443 13.7076C27.3199 13.718 27.2947 13.7233 27.2695 13.7233L27.2704 13.7224Z" fill="black"/><path d="M31.4773 15.0707C31.5382 15.441 31.779 15.7097 32.0146 15.6706C32.2502 15.6314 32.392 15.3002 32.3302 14.9298C32.2694 14.5594 32.0286 14.2908 31.7929 14.3299C31.5573 14.369 31.4156 14.7003 31.4773 15.0707Z" fill="black"/><path d="M33.3934 14.225C33.3482 14.225 33.3021 14.2085 33.2664 14.1754C33.2569 14.1668 32.2823 13.2704 31.225 13.5625C31.1277 13.5903 31.0242 13.5321 30.9964 13.433C30.9694 13.3339 31.0268 13.2321 31.1259 13.2043C32.3857 12.8565 33.4742 13.8616 33.5203 13.9042C33.5951 13.9746 33.5985 14.092 33.529 14.1667C33.4925 14.2059 33.4429 14.2259 33.3934 14.2259V14.225Z" fill="black"/><path d="M29.9874 17.2655C29.9075 17.2655 29.1971 17.2551 28.9363 16.883C28.8616 16.776 28.792 16.5952 28.8859 16.337C29.078 15.8084 29.431 14.0948 29.4345 14.0774C29.4554 13.9774 29.5527 13.9122 29.6536 13.9331C29.7544 13.9539 29.8188 14.0522 29.7979 14.1522C29.7831 14.2234 29.4362 15.9101 29.2345 16.4639C29.1919 16.5804 29.2171 16.6369 29.2397 16.67C29.358 16.8386 29.7936 16.8943 29.9866 16.8943C30.0892 16.8943 30.1718 16.9777 30.1718 17.0803C30.1718 17.1829 30.0883 17.2655 29.9866 17.2655H29.9874Z" fill="black"/><path d="M30.2207 19.1659C29.946 19.1659 29.7634 19.1155 29.7573 19.1138C29.6591 19.0851 29.6026 18.9825 29.6312 18.8834C29.6599 18.7851 29.7625 18.7286 29.8608 18.7564C29.9286 18.7756 31.4683 19.1833 32.1812 17.0828C32.2143 16.9854 32.3195 16.9333 32.4168 16.9663C32.5142 16.9993 32.5664 17.1046 32.5334 17.2019C31.9561 18.9034 30.8484 19.1651 30.2216 19.1651L30.2207 19.1659Z" fill="black"/><path d="M38.192 16.3352C38.1546 16.3352 38.1164 16.3239 38.0833 16.2996C38.0007 16.2396 37.9816 16.1239 38.0416 16.0405C38.0703 16.0005 38.7528 15.0693 39.8396 15.2397C39.9404 15.2554 40.01 15.351 39.9943 15.4519C39.9787 15.5536 39.8822 15.6223 39.7822 15.6066C38.9258 15.4727 38.3485 16.25 38.3424 16.2578C38.3059 16.3074 38.2494 16.3343 38.192 16.3343V16.3352Z" fill="black"/><path d="M38.4985 15C38.4985 23.0081 44.9904 29.5 52.9985 29.5C61.0067 29.5 67.4985 23.0081 67.4985 15C67.4985 6.99187 61.0067 0.5 52.9985 0.5C44.9904 0.5 38.4985 6.99187 38.4985 15Z" fill="#C7D9DF" stroke="white"/><path d="M48.3662 22.3888H64.4478V24.6858C61.6961 27.9348 57.589 29.9997 52.9984 29.9997C49.539 29.9997 46.3561 28.826 43.8183 26.8585C43.8609 24.3824 45.8806 22.3888 48.3662 22.3888Z" fill="white"/><path d="M48.856 22.3888V29.4163C47.0058 28.8842 45.3009 28.0087 43.8177 26.8585C43.8603 24.3824 45.88 22.3888 48.3656 22.3888H48.8551H48.856Z" fill="#85BAC6"/><path d="M55.7128 22.3897H64.4478V24.6867C62.2516 27.2793 59.1921 29.1172 55.7128 29.7536V22.3888V22.3897Z" fill="#85BAC6"/><path d="M48.8783 16.1969H55.272V25.4605H48.8783V16.1969Z" fill="white"/><path d="M53.7368 18.6608L48.8751 23.5226V16.1969L53.7368 18.6608Z" fill="black"/><path d="M46.2252 11.036L45.5584 16.6176C45.2888 18.8764 47.0529 20.8638 49.3273 20.8638H55.4653L52.605 10.963L46.2243 11.036H46.2252Z" fill="white"/><path d="M51.2875 7.13744L54.0114 7.56519C56.8865 8.01641 59.1392 10.2778 59.5791 13.1547C59.8043 14.6248 60.7537 15.8837 62.1065 16.5036C62.9498 16.8905 63.5384 17.68 63.6671 18.5989C63.8871 20.1656 64.7269 21.5688 65.9858 22.5061C65.1642 23.925 64.1175 25.196 62.8933 26.2715C61.5188 25.3647 59.9747 24.7457 58.3541 24.4527C55.7111 23.9745 53.6741 21.854 53.3028 19.1945L52.9724 16.8314L53.3393 14.411C53.3393 14.411 52.6056 16.6845 51.9457 16.5375C51.2858 16.3906 51.5057 12.1374 51.5057 12.1374L45.4181 11.4037C45.8641 8.60675 48.4897 6.69838 51.2875 7.13831V7.13744Z" fill="black"/><path d="M52.9636 8.83385C51.8878 7.49005 52.105 5.52856 53.4488 4.45275C54.7926 3.37693 56.7541 3.59418 57.8299 4.93798C58.9057 6.28178 58.6885 8.24326 57.3447 9.31908C56.0009 10.3949 54.0394 10.1777 52.9636 8.83385Z" fill="black"/><path d="M53.3232 14.6632C53.4684 14.6667 53.6162 14.6893 53.7622 14.7354C54.583 14.9953 55.0368 15.8717 54.7768 16.6915C54.5169 17.5123 53.6405 17.9661 52.8207 17.7061C52.6746 17.6601 52.5416 17.5931 52.4207 17.5123L53.3241 14.6632H53.3232Z" fill="white"/><path d="M48.9683 15.1978C48.9039 15.4926 48.6996 15.6986 48.5118 15.6578C48.324 15.6169 48.2241 15.3439 48.2884 15.0492C48.3527 14.7544 48.5571 14.5484 48.7448 14.5893C48.9326 14.6301 49.0326 14.9031 48.9683 15.1978Z" fill="black"/><path d="M49.8332 14.195C49.8775 14.195 49.9219 14.1793 49.9575 14.1471C50.034 14.0785 50.0401 13.9611 49.9706 13.8846C49.355 13.2021 48.3717 13.3638 48.33 13.3708C48.2291 13.3881 48.1613 13.4846 48.1787 13.5855C48.1961 13.6864 48.2908 13.755 48.3934 13.7368C48.41 13.7342 49.2211 13.6081 49.695 14.1332C49.7315 14.1741 49.7819 14.195 49.8332 14.195Z" fill="black"/><path d="M46.5542 14.8094C46.5073 15.1076 46.3152 15.3249 46.1248 15.2954C45.9352 15.2658 45.8196 14.9989 45.8665 14.7007C45.9135 14.4025 46.1056 14.1851 46.296 14.2147C46.4856 14.2451 46.6012 14.5112 46.5542 14.8094Z" fill="black"/><path d="M46.5395 13.5494C46.5899 13.5494 46.6395 13.5294 46.6769 13.4894C46.7464 13.4138 46.7412 13.2964 46.6656 13.2268C46.2874 12.8799 45.8657 13.0034 45.6953 13.1164C45.6101 13.1729 45.5866 13.2886 45.644 13.3738C45.7005 13.459 45.8144 13.4816 45.9005 13.4259C45.9283 13.4085 46.1648 13.2712 46.4152 13.4998C46.4508 13.5329 46.496 13.5485 46.5404 13.5485L46.5395 13.5494Z" fill="black"/><path d="M46.8792 17.2257C46.9792 17.2257 47.0618 17.1466 47.0644 17.0458C47.0678 16.9432 46.987 16.858 46.8844 16.8545C46.7131 16.8484 46.4479 16.7867 46.3967 16.685C46.3714 16.6363 46.401 16.545 46.4758 16.4346C46.9583 15.7269 47.147 14.3436 47.1548 14.2845C47.1687 14.1828 47.0965 14.0898 46.9948 14.0758C46.894 14.0628 46.8001 14.1341 46.7861 14.2358C46.7844 14.2497 46.601 15.5904 46.168 16.225C46.0072 16.4615 45.9724 16.6728 46.0645 16.8536C46.2358 17.1892 46.767 17.2223 46.8722 17.2257C46.874 17.2257 46.8757 17.2257 46.8783 17.2257H46.8792Z" fill="black"/><path d="M47.8627 19.4996C47.9531 19.4996 48.0426 19.4848 48.1305 19.4518C48.5486 19.2935 48.7721 18.7832 48.8147 17.8929C48.8182 17.8277 48.786 17.7651 48.7321 17.7295C48.6773 17.6929 48.6078 17.6886 48.5495 17.7164L46.7377 18.5815C46.6838 18.6076 46.6455 18.658 46.6351 18.7162C46.6246 18.7754 46.6429 18.8353 46.6846 18.8788C46.755 18.951 47.3097 19.4996 47.8636 19.4996H47.8627ZM48.4182 18.1902C48.3574 18.7023 48.2122 19.0231 47.9992 19.104C47.7488 19.1988 47.3889 18.9831 47.1498 18.7954L48.4174 18.1902H48.4182Z" fill="black"/></symbol><symbol id="course-lessons"width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.90698 1.21557V4.52C8.90698 4.96804 8.90698 5.19206 8.99316 5.36319C9.06896 5.51372 9.18993 5.63611 9.3387 5.71281C9.50784 5.8 9.72926 5.8 10.1721 5.8H13.4381M13.6512 7.39058V13.16C13.6512 14.5041 13.6512 15.1762 13.3926 15.6896C13.1652 16.1412 12.8023 16.5083 12.356 16.7384C11.8486 17 11.1843 17 9.85581 17H4.79535C3.46685 17 2.8026 17 2.29519 16.7384C1.84885 16.5083 1.48596 16.1412 1.25854 15.6896C1 15.1762 1 14.5041 1 13.16V4.84C1 3.49587 1 2.82381 1.25854 2.31042C1.48596 1.85883 1.84885 1.49168 2.29519 1.26158C2.8026 1 3.46685 1 4.79535 1H7.33489C7.91508 1 8.20518 1 8.47818 1.06631C8.72022 1.1251 8.9516 1.22207 9.16384 1.35366C9.40322 1.50208 9.60835 1.70963 10.0186 2.12471L12.5395 4.67529C12.9498 5.09037 13.1549 5.29792 13.3016 5.54012C13.4317 5.75485 13.5275 5.98896 13.5856 6.23384C13.6512 6.51005 13.6512 6.80356 13.6512 7.39058Z" stroke="#2D2520" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol id="course-level"width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.66667 8H2.24444C1.80885 8 1.59105 8 1.42467 8.08477C1.27833 8.15934 1.15934 8.27833 1.08477 8.42467C1 8.59105 1 8.80885 1 9.24444V13.7556C1 14.1912 1 14.409 1.08477 14.5753C1.15934 14.7217 1.27833 14.8407 1.42467 14.9152C1.59105 15 1.80885 15 2.24444 15H5.66667M5.66667 15H10.3333M5.66667 15L5.66667 5.35556C5.66667 4.91996 5.66667 4.70216 5.75144 4.53579C5.82601 4.38944 5.94499 4.27045 6.09134 4.19588C6.25772 4.11111 6.47551 4.11111 6.91111 4.11111H9.08889C9.52449 4.11111 9.74228 4.11111 9.90866 4.19588C10.055 4.27045 10.174 4.38944 10.2486 4.53579C10.3333 4.70216 10.3333 4.91996 10.3333 5.35556V15M10.3333 15H13.7556C14.1912 15 14.4089 15 14.5753 14.9152C14.7217 14.8407 14.8407 14.7217 14.9152 14.5753C15 14.4089 15 14.1912 15 13.7556V2.24444C15 1.80885 15 1.59105 14.9152 1.42467C14.8407 1.27833 14.7217 1.15934 14.5753 1.08477C14.409 1 14.1912 1 13.7556 1H11.5778C11.1422 1 10.9244 1 10.758 1.08477C10.6117 1.15934 10.4927 1.27833 10.4181 1.42467C10.3333 1.59105 10.3333 1.80885 10.3333 2.24444V4.88889" stroke="#2D2520" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol id="course-time"width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 3.8V8L10.8 9.4M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8Z" stroke="#2D2520" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></symbol><symbol id="course-join-cta"width="138" height="50" viewBox="0 0 138 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.14922 47.7298C23.9772 43.3987 47.6922 35.7536 61.0739 16.4898C63.1606 13.4858 67.0644 5.55618 62.1923 3.05101C57.9167 0.852524 49.4588 2.90977 46.6358 6.54894C39.2886 16.0207 32.9006 30.3906 47.7033 36.6323C63.8181 43.4272 86.4963 41.764 103.485 39.221C111.725 37.9876 121.549 35.8498 129.12 32.2837C134.146 29.9164 129.438 30.3809 125.931 30.005C120.943 29.4704 109.425 28.236 120.468 29.4195C124.955 29.9004 129.936 29.718 134.086 28.9959C138.522 28.2238 131.455 32.6036 130.709 33.4763C128.355 36.2273 125.527 40.7807 125.134 44.4467" stroke-width="4" stroke-linecap="round"/></symbol><symbol id="course-join-cta-glow-l"width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.2183 14.7432C14.8835 14.7432 14.5516 14.6018 14.3151 14.3315L8.39183 7.48961C7.95864 6.99191 8.01394 6.23614 8.51471 5.80296C9.01242 5.36977 9.76819 5.42507 10.2014 5.92585L16.1246 12.7677C16.5578 13.2654 16.5025 14.0212 16.0017 14.4544C15.7744 14.651 15.4979 14.7462 15.2214 14.7462L15.2183 14.7432Z" fill="#16A349"/><path d="M1.19493 23.3494C0.617347 23.3494 0.110428 22.9285 0.0151893 22.3417C-0.0892665 21.6904 0.356207 21.079 1.00752 20.9745C3.98451 20.5045 7.0168 20.1696 10.0245 19.9853C10.685 19.9423 11.2503 20.4461 11.2903 21.1036C11.3302 21.761 10.8294 22.3294 10.172 22.3693C7.24108 22.5506 4.28252 22.8763 1.38233 23.334C1.31782 23.3432 1.25637 23.3494 1.19493 23.3494Z" fill="#16A349"/><path d="M23.7985 11.8613C23.1779 11.8613 22.6525 11.3821 22.6095 10.7523C22.3914 7.74762 22.3238 4.69996 22.4129 1.69225C22.4313 1.04401 22.9628 0.530945 23.608 0.530945C23.6203 0.530945 23.6326 0.530945 23.6418 0.530945C24.3023 0.549378 24.8215 1.09931 24.8031 1.75984C24.7171 4.68767 24.7816 7.65545 24.9966 10.5771C25.0458 11.2346 24.5512 11.8091 23.8906 11.8552C23.8599 11.8552 23.8323 11.8583 23.8015 11.8583L23.7985 11.8613Z" fill="#16A349"/></symbol><symbol id="course-join-cta-glow-r"width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.78192 14.7432C10.1168 14.7432 10.4486 14.6018 10.6852 14.3315L16.6084 7.48961C17.0416 6.99191 16.9863 6.23614 16.4855 5.80296C15.9878 5.36977 15.2321 5.42507 14.7989 5.92585L8.87561 12.7677C8.44243 13.2654 8.49773 14.0212 8.9985 14.4544C9.22585 14.651 9.50235 14.7462 9.77885 14.7462L9.78192 14.7432Z" fill="#16A349"/><path d="M23.8051 23.3494C24.3827 23.3494 24.8896 22.9285 24.9848 22.3417C25.0893 21.6904 24.6438 21.079 23.9925 20.9745C21.0155 20.5045 17.9832 20.1696 14.9755 19.9853C14.315 19.9423 13.7497 20.4461 13.7097 21.1036C13.6698 21.761 14.1706 22.3294 14.828 22.3693C17.7589 22.5506 20.7175 22.8763 23.6177 23.334C23.6822 23.3432 23.7436 23.3494 23.8051 23.3494Z" fill="#16A349"/><path d="M1.20177 11.8613C1.82236 11.8613 2.34772 11.3821 2.39073 10.7523C2.60886 7.74762 2.67644 4.69996 2.58735 1.69225C2.56892 1.04401 2.03742 0.530945 1.39225 0.530945C1.37996 0.530945 1.36767 0.530945 1.35846 0.530945C0.697928 0.549378 0.178719 1.09931 0.197152 1.75984C0.283175 4.68767 0.218659 7.65545 0.0036025 10.5771C-0.0455532 11.2346 0.449075 11.8091 1.1096 11.8552C1.14033 11.8552 1.16798 11.8583 1.1987 11.8583L1.20177 11.8613Z" fill="#16A349"/></symbol></defs></svg></body></html>

CINXE.COM

WPCode Course | Get Started with WPCode - WordPress Video Tutorials