{"id":154,"date":"2020-06-10T07:54:39","date_gmt":"2020-06-10T07:54:39","guid":{"rendered":"https:\/\/mywp.site\/template\/?p=154"},"modified":"2024-07-05T19:08:15","modified_gmt":"2024-07-05T09:08:15","slug":"add-code","status":"publish","type":"post","link":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/","title":{"rendered":"How To Add Code &amp; Scripts To WordPress Posts And Pages"},"content":{"rendered":"<h1><span class=\"ez-toc-section\" id=\"How-To-Insert-Code-And-Scripts-Into-WordPress-Posts-And-Pages\"><\/span>How To Insert Code And Scripts Into WordPress Posts And Pages<span class=\"ez-toc-section-end\"><\/span><\/h1><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tutorial Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#How-To-Insert-Code-And-Scripts-Into-WordPress-Posts-And-Pages\" >How To Insert Code And Scripts Into WordPress Posts And Pages<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Why-Do-I-Need-To-Know-This\" >Why Do I Need To Know This?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#How-To-Insert-Simple-Code-Snippets-Into-Your-Posts-And-Pages-Using-The-Text-Editor\" >How To Insert Simple Code Snippets Into Your Posts And Pages Using The Text Editor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#What-Is-A-Shortcode\" >What Is A Shortcode?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#How-Shortcodes-Work\" >How Shortcodes Work<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Embed-Code-Snippets-And-Scripts-Into-Your-Content-Using-Plugins\" >Embed Code Snippets And Scripts Into Your Content Using Plugins<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Insert-HTML-Snippet\" >Insert HTML Snippet<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#How-To-Install-The-Plugin\" >How To Install The Plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#How-To-Use-The-Plugin\" >How To Use The Plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#How-To-Add-A-Shortcode-To-Your-Content\" >How To Add A Shortcode To Your Content<\/a><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Copying-and-pasting-the-shortcode-directly-into-your-content\" >Copying and pasting the shortcode directly into your content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Selecting-the-shortcode-from-the-HTML-Snippets-menu-toolbar\" >Selecting the shortcode from the HTML Snippets menu toolbar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Add-a-shortcode-using-the-HTML-Snippets-widget\" >Add a shortcode using the HTML Snippets widget<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Additional-Plugin-Information\" >Additional Plugin Information<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Additional-Ways-To-Insert-Code-Into-WordPress-Content\" >Additional Ways To Insert Code Into WordPress Content<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Use-WordPress-Themes-With-Drag-And-Drop-Code-Page-Builders\" >Use WordPress Themes With Drag And Drop Code Page Builders<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Add-Code-To-The-Header-Section-Of-WordPress\" >Add Code To The Header Section Of WordPress<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#CSS-JavaScript-Toolbox\" >CSS &amp; JavaScript Toolbox<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Tip-How-To-Check-If-Your-Code-Has-Been-Added-Correctly\" >Tip: How To Check If Your Code Has Been Added Correctly<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Schema-Markup\" >Schema Markup<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#What-is-Schema-Markup\" >What is Schema Markup?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Benefits-for-WordPress-Users\" >Benefits for WordPress Users<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Schema-Markup-Types\" >Schema Markup Types<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#How-to-Add-Schema-Markups-to-WordPress\" >How to Add Schema Markups to WordPress<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Adding-Code-In-WordPress-%E2%80%93-FAQs\" >Adding Code In WordPress &#8211; FAQs<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#What-types-of-code-can-I-add-to-my-WordPress-site\" >What types of code can I add to my WordPress site?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#Is-there-a-plugin-to-insert-headers-and-footers-in-WordPress\" >Is there a plugin to insert headers and footers in WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#How-can-I-add-code-to-the-site-header-in-WordPress\" >How can I add code to the site header in WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#How-can-I-add-frequently-asked-questions-FAQs-section-in-WordPress\" >How can I add frequently asked questions (FAQs) section in WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#What-is-schema-markup-and-how-can-I-add-it-to-my-WordPress-site\" >What is schema markup, and how can I add it to my WordPress site?<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<p style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-000.png\" alt=\"JavaScript Snippet\" width=\"350\" height=\"320\" \/>In this tutorial, you will learn how to easily insert scripts and code into your post and page content using various methods.<\/p>\n<p style=\"text-align: left\"><em>Note:<\/em> The examples in this tutorial use the <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/wordpress-classic-editor\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress Classic Editor<\/strong><\/a>,\u00a0but you can use the same methods described below using the <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress Block Editor<\/strong><\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Why-Do-I-Need-To-Know-This\"><\/span>Why Do I Need To Know This?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: left\">You might be thinking&#8230;<\/p>\n<p style=\"text-align: left\">&#8220;I don&#8217;t want to learn how to code. I&#8217;m not interested in coding. My web developer looks after this.&#8221;<\/p>\n<p style=\"text-align: left\">This tutorial is not about coding websites, editing web site files, or writing software applications.<\/p>\n<p style=\"text-align: left\">It&#8217;s about learning how to add useful scripts and snippets of code that you may want to add to your site or insert into the content in your posts or pages, like:<\/p>\n<ul>\n<li style=\"text-align: left\">Showing an automatic expiry date, countdown, or scarcity offer (e.g. &#8220;This special offer expires in 01h:59m:36s&#8221;).<\/li>\n<li style=\"text-align: left\">Adding a table of contents or displaying an advertising banner below the main heading, or before\/after the first\/second\/third\/etc. paragraph.<\/li>\n<li style=\"text-align: left\">Embedding a lead capture form into a post or page.<\/li>\n<li style=\"text-align: left\">Displaying contextual ads in your content (e.g. Google AdSense).<\/li>\n<li style=\"text-align: left\">Adding conversion tracking scripts (e.g. Google Analytics, Facebook Ad pixels)<\/li>\n<li style=\"text-align: left\">Etc.<\/li>\n<\/ul>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-002.png\" alt=\"Example of code snippet for inserting an Aweber subscription form.\" width=\"1000\" height=\"750\" \/><figcaption class=\"wp-caption-text\">Learn how to add useful scripts to your content like a subscriber form and improve your results.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Knowing how to insert simple scripts and code snippets into your WordPress site is a useful and time-saving skill.<\/p>\n<p style=\"text-align: left\">Many applications let you control things from an external dashboard. All you need to do is add the snippet of code they provide to your website where you want this functionality to display.<\/p>\n<p style=\"text-align: left\">Then, if you need to make any changes, instead of editing one, dozens, or even hundreds of posts or pages where you&#8217;ve added that code, you can simply make the changes in your application&#8217;s dashboard and every instance of that functionality will automatically update on your site.<\/p>\n<p style=\"text-align: left\">Adding code to content in WordPress, however, can be a little bit tricky, especially if you&#8217;re a non-techie. This tutorial will show you exactly how to do it.<\/p>\n<p style=\"text-align: left\">Let&#8217;s get started&#8230;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How-To-Insert-Simple-Code-Snippets-Into-Your-Posts-And-Pages-Using-The-Text-Editor\"><\/span>How To Insert Simple Code Snippets Into Your Posts And Pages Using The Text Editor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/warning-icon.jpg\" alt=\"Important\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: left\"><em>Note: Always back up your site files and WordPress database before adding any scripts or editing code on your site.\u00a0<\/em><\/p>\n<p style=\"text-align: left\"><strong>If you don&#8217;t want to perform your own backups, then consider using a backup plugin or professional site maintenance services.<\/strong><\/p>\n<p style=\"text-align: left\">You can&#8217;t paste code or scripts (e.g. <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/basic-html-guide\/\" target=\"_blank\" rel=\"noopener\"><strong>HTML<\/strong><\/a>, JavaScript) into your content using the WordPress visual editor.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-003.jpg\" alt=\"Do not paste code directly into your content.\" width=\"1000\" height=\"785\" \/><figcaption class=\"wp-caption-text\">Do not paste code directly into your content.<\/figcaption><\/figure>\n<p style=\"text-align: left\">You can, however, add simple code to your content using the WordPress text editor.<\/p>\n<p style=\"text-align: left\">To add your code to a post or page, do the following:<\/p>\n<p style=\"text-align: left\">1. Find or create the code you would like to add to your content.<\/p>\n<p style=\"text-align: left\">There are free online HTML editors you can use to generate code (search online using keywords like <em>Free HTML Code Editor, Free HTML code generator, <\/em>etc.).<\/p>\n<p style=\"text-align: left\">Most of these online editors have a WYSIWYG (What You See Is What You Get) interface that will let you create your code elements visually.<\/p>\n<p style=\"text-align: left\">Here are some sites you can check out:<\/p>\n<ul>\n<li style=\"text-align: left\"><a href=\"https:\/\/www.html.am\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>HTML.am<\/strong><\/a><\/li>\n<li style=\"text-align: left\"><a href=\"http:\/\/html-online.com\/editor\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>HTML-Online.com<\/strong><\/a><\/li>\n<li style=\"text-align: left\"><a href=\"https:\/\/www.html-code-generator.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>HTML-Code-Generator.com<\/strong><\/a><\/li>\n<\/ul>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-004.jpg\" alt=\"HTML content created with an online HTML code generator.\" width=\"1000\" height=\"613\" \/><figcaption class=\"wp-caption-text\">Use a free online HTML editor to create HTML code for your content. Source: HTML-Online.com<\/figcaption><\/figure>\n<p style=\"text-align: left\">2. After creating your HTML element, switch the editor to code view, then select all the code that you have created or sourced and copy it to your clipboard.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-005.png\" alt=\"HTML code being copied to the clipboard.\" width=\"1000\" height=\"892\" \/><figcaption class=\"wp-caption-text\">Select and copy the code to your clipboard.<\/figcaption><\/figure>\n<p style=\"text-align: left\">3. Open the post or page where you would like to add the code to your content.<\/p>\n<p style=\"text-align: left\">In the Visual Editor tab, find the exact location where you would like the code to display and insert a new line into your text.<\/p>\n<p style=\"text-align: left\">Add a string of placeholder characters (e.g. @@@@@) to mark the spot where you will add your code.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-006.jpg\" alt=\"Post with placeholder text inserted into content.\" width=\"1000\" height=\"735\" \/><figcaption class=\"wp-caption-text\">Add placeholder text to mark the spot where you would like to display the code in your content.<\/figcaption><\/figure>\n<p style=\"text-align: left\">4. Next, select the placeholder text (1) and switch from the Visual to the Text tab (2).<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-007.jpg\" alt=\"Post with placeholder text and Text tab selected.\" width=\"1000\" height=\"740\" \/><figcaption class=\"wp-caption-text\">Highlight your placeholder text and select the Text editor.<\/figcaption><\/figure>\n<p style=\"text-align: left\">5. Your placeholder text should automatically be highlighted in the text area.<\/p>\n<p style=\"text-align: left\">If not, find the placeholder text you&#8217;ve added to mark the spot, then select and highlight the entire line.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-008.png\" alt=\"Text editor displaying placeholder text.\" width=\"1000\" height=\"510\" \/><figcaption class=\"wp-caption-text\">Text editor displaying placeholder text.<\/figcaption><\/figure>\n<p style=\"text-align: left\">6. Paste the code over the highlighted text, replacing it with the contents of your clipboard.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-009.png\" alt=\"HTML code pasted from clipboard into Text editor.\" width=\"1000\" height=\"690\" \/><figcaption class=\"wp-caption-text\">Paste your HTML code over the placeholder text.<\/figcaption><\/figure>\n<p style=\"text-align: left\">7. Save, publish, or republish your post or page, then preview (and test) your code.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-010.jpg\" alt=\"Post preview with HTML code inserted into the content.\" width=\"1000\" height=\"1333\" \/><figcaption class=\"wp-caption-text\">Preview your post.<\/figcaption><\/figure>\n<p style=\"text-align: left\">If you need help understanding basic HTML formatting tags, see this tutorial: <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/basic-html-guide\/\" target=\"_blank\" rel=\"noopener\"><strong>A Guide To HTML Formatting In WordPress<\/strong><\/a><\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/warning-icon.jpg\" alt=\"Important\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: left\">While the above method can be used to add simple HTML code to your posts and pages, this is not the method we recommend using to paste more complex scripts directly into your content (e.g. scripts containing JavaScript code for newsletter opt-in forms).<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-011.jpg\" alt=\"Post with subscriber form added.\" width=\"1000\" height=\"1153\" \/><figcaption class=\"wp-caption-text\">Don&#8217;t use the Text editor to add scripts&#8230;use other methods instead!<\/figcaption><\/figure>\n<p style=\"text-align: left\">Pasting scripts with JavaScript code directly into your content via the WordPress text editor doesn&#8217;t work. It can also lead to errors.<\/p>\n<p style=\"text-align: left\">In WordPress, you can add many useful scripts and snippets of code to your posts and pages using <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/plugins\/\" target=\"_blank\" rel=\"noopener\"><strong>plugins <\/strong><\/a>that let you &#8220;call&#8221; (i.e. automatically process) the script by typing or pasting a &#8216;shortcode&#8217; into your content.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"What-Is-A-Shortcode\"><\/span>What Is A Shortcode?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: left\">A &#8216;shortcode&#8217; is a <em>code shortcut <\/em>&#8212; a short and simple bit of code<i> <\/i>that you add to your posts, pages, <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/widgets\/\" target=\"_blank\" rel=\"noopener\"><strong>widgets<\/strong><\/a>, etc.<\/p>\n<p style=\"text-align: left\">Whenever WordPress comes across a shortcode, it processes or runs the script via the plugin.<\/p>\n<p style=\"text-align: left\">A shortcode typically looks like little strings of text wrapped in square brackets, e.g. <em>[ezformshortcode]<\/em>.<\/p>\n<figure style=\"width: 600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-012.png\" alt=\"Shortcode format\" width=\"600\" height=\"200\" \/><figcaption class=\"wp-caption-text\">Shortcode format<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"How-Shortcodes-Work\"><\/span>How Shortcodes Work<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Shortcodes allow you to add complex scripts like forms, image galleries, content formatting tools, etc. into your content without coding or programming skills.<\/p>\n<figure style=\"width: 775px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-029.jpg\" alt=\"Composite image showing how shortcodes work.\" width=\"775\" height=\"727\" \/><figcaption class=\"wp-caption-text\">How shortcodes work in WordPress.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The images above show how shortcodes work in WordPress:<\/p>\n<p style=\"text-align: left\">[1] First, install a plugin that lets you paste code snippets into a special field or area (see the tutorial below for an example).<\/p>\n<p style=\"text-align: left\">[2] The plugin generates a unique piece of text (the shortcode) that will trigger and process the script.<\/p>\n<p style=\"text-align: left\">[3] Next, copy the shortcode to your clipboard and paste it into any post, page, or widget where you would like the script to run.<\/p>\n<p style=\"text-align: left\">[4] WordPress will automatically load and process the function called by the shortcode every time someone visits the page containing the embedded shortcode.<\/p>\n<p style=\"text-align: left\">The great thing about using shortcodes is that you don&#8217;t have to mess with the actual code to get the functionality you want&#8230;just add the shortcode to your content and WordPress does the rest!<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Embed-Code-Snippets-And-Scripts-Into-Your-Content-Using-Plugins\"><\/span>Embed Code Snippets And Scripts Into Your Content Using Plugins<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: left\">Let&#8217;s show you how to use a plugin to add code to your content. There are several free WordPress plugins you can use to do this.<\/p>\n<p style=\"text-align: left\">We&#8217;ll walk you through the process using one of these plugins, then look at different plugins you can use.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Insert-HTML-Snippet\"><\/span><a href=\"https:\/\/wordpress.org\/plugins\/insert-html-snippet\/\" target=\"_blank\" rel=\"noopener noreferrer\">Insert HTML Snippet<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-014.png\" alt=\"Insert HTML Snippet\" width=\"1000\" height=\"430\" \/><figcaption class=\"wp-caption-text\">Insert HTML Snippet<\/figcaption><\/figure>\n<p style=\"text-align: left\">As the name of this plugin suggests, <strong><a href=\"https:\/\/wordpress.org\/plugins\/insert-html-snippet\/\" target=\"_blank\" rel=\"noopener noreferrer\">Insert HTML Snippet<\/a><\/strong> lets you embed HTML (and other types of code, e.g. CSS, JavaScript, etc.) into posts, pages, sidebar widgets, etc.<\/p>\n<p style=\"text-align: left\">You can\u00a0create and store unlimited <em>HTML snippets<\/em> and then add these to your site using shortcodes or custom fields.<\/p>\n<p style=\"text-align: left\"><em>HTML snippets<\/em> can store scripts for just about everything: video and audio player embed codes, forms, calculators, custom tracking codes, etc.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/idea-icon.jpg\" alt=\"Tip\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: left\"><strong>Important:<\/strong> Make sure you have your code or script available and saved somewhere (e.g. a plain text file).<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-015.png\" alt=\"Code selected and copied to clipboard.\" width=\"1000\" height=\"492\" \/><figcaption class=\"wp-caption-text\">Select and copy the code to your clipboard.<\/figcaption><\/figure>\n<h5><span class=\"ez-toc-section\" id=\"How-To-Install-The-Plugin\"><\/span>How To Install The Plugin<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: left\">Let&#8217;s install the plugin and then use it to add a newsletter signup form to a page.<\/p>\n<p style=\"text-align: left\">First, log into your WordPress site, then go to Plugins &gt; Add New and\u00a0search for keywords like <em>Insert HTML, Insert HTML Code, Insert HTML Snippets, <\/em>etc.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-016.png\" alt=\"Add Plugins - Installing the Insert Html Snippet plugin\" width=\"1000\" height=\"406\" \/><figcaption class=\"wp-caption-text\">Install the Insert Html Snippet plugin in the Add Plugins screen.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Next, activate the plugin.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-017.png\" alt=\"Activate the Insert Html Snippet plugin\" width=\"1000\" height=\"287\" \/><figcaption class=\"wp-caption-text\">Activate the Insert Html Snippet plugin<\/figcaption><\/figure>\n<p style=\"text-align: left\">After installing and activating the plugin, you will see a new menu item on your menu, called <strong>XYZ Html<\/strong>.<\/p>\n<figure style=\"width: 600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-018.png\" alt=\"XYZ Html plugin menu.\" width=\"600\" height=\"318\" \/><figcaption class=\"wp-caption-text\">New menu for XYZ Html plugin.<\/figcaption><\/figure>\n<h5><span class=\"ez-toc-section\" id=\"How-To-Use-The-Plugin\"><\/span>How To Use The Plugin<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: left\">To create a new code snippet, click on <strong>XYZ Html &gt;<\/strong>\u00a0<strong>HTML Snippets<\/strong>.<\/p>\n<figure style=\"width: 600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-019.png\" alt=\"XYZ Html - HTML Snippets menu\" width=\"600\" height=\"231\" \/><figcaption class=\"wp-caption-text\">Click HTML Snippets menu item to create a new snippet or view all saved code snippets.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The &#8216;HTML Snippets&#8217; screen loads in your browser.<\/p>\n<p style=\"text-align: left\">Click on <strong>Add New HTML Snippet<\/strong>.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-020.png\" alt=\"HTML Snippets screen.\" width=\"1000\" height=\"390\" \/><figcaption class=\"wp-caption-text\">Click on &#8216;Add New HTML Snippet&#8217; button to create a new snippet<\/figcaption><\/figure>\n<p style=\"text-align: left\">Give your snippet a title (this is for your own reference only) in the <strong>Add HTML Snippet &gt; Tracking Name<\/strong> field, then paste your code into the <strong>HTML code<\/strong> area, and click on the <strong>Create<\/strong> button.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-021.png\" alt=\"Creating a new snippet.\" width=\"1000\" height=\"500\" \/><figcaption class=\"wp-caption-text\">How to create a new snippet.<\/figcaption><\/figure>\n<p style=\"text-align: left\">This creates, saves, and publishes your new snippet as a <em>shortcode<\/em>. Copy, paste, and use this shortcode to insert your script into your posts and pages.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-022.png\" alt=\"HTML Snippets shortcode.\" width=\"1000\" height=\"400\" \/><figcaption class=\"wp-caption-text\">Use the snippet shortcode to insert scripts into your content.<\/figcaption><\/figure>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/idea-icon.jpg\" alt=\"Tip\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: left\">You can create a shortcode without a script. This is useful if you are planning to publish content that will include a script, but you are still waiting for a third-party service (e.g. an affiliate program) to approve your account before giving you access to the script&#8217;s code.<\/p>\n<p style=\"text-align: left\">If this happens, just go ahead and create your snippet with some placeholder content, create your post or page content, and insert the shortcode into the content where your script will appear.<\/p>\n<p style=\"text-align: left\">You can edit your snippet and add the script code later without having to edit your post or page.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-023.png\" alt=\"Creating a code snippet using temporary placeholder text instead of the script code.\" width=\"1000\" height=\"485\" \/><figcaption class=\"wp-caption-text\">You can create a shortcode using temporary placeholder text before obtaining the script code and add the code later.<\/figcaption><\/figure>\n<p style=\"text-align: left\">To view all your snippets and shortcodes, select <strong>XYZ Html<\/strong>\u00a0&gt; <strong>HTML Snippets<\/strong> from the main admin menu.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-024.png\" alt=\"XYZ Html - HTML Snippets menu.\" width=\"1000\" height=\"550\" \/><figcaption class=\"wp-caption-text\">Select XYZ Html &#8211; HTML Snippets to view a list of all your snippets and shortcodes.<\/figcaption><\/figure>\n<p style=\"text-align: left\">A table of all the snippets and shortcodes you have created will display in the &#8216;HTML Snippets&#8217; screen.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-025.png\" alt=\"HTML Snippets screen - Snippets and shortcodes list.\" width=\"1000\" height=\"560\" \/><figcaption class=\"wp-caption-text\">HTML Snippets displays a list of all your snippets and shortcodes.<\/figcaption><\/figure>\n<p style=\"text-align: left\"><em>Notes:<\/em><\/p>\n<ul>\n<li style=\"text-align: left\">You can use the shortcodes from this table to insert scripts into multiple posts and pages and control everything from the HTML Snippets plugin screen.<\/li>\n<li style=\"text-align: left\">If you edit the code inside a snippet then update the snippet, the script will automatically update in your content wherever the shortcode has been used throughout your site.<\/li>\n<li style=\"text-align: left\">You can insert shortcodes into posts (including custom post types like eCommerce product pages), pages, widgets, etc.<\/li>\n<\/ul>\n<h5><span class=\"ez-toc-section\" id=\"How-To-Add-A-Shortcode-To-Your-Content\"><\/span>How To Add A Shortcode To Your Content<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: left\">You can add a shortcode to your posts and pages with the HTML Snippets plugin either by:<\/p>\n<ol>\n<li style=\"text-align: left\">Copying and pasting the shortcode directly into your content (<em>note:<\/em> if using the WordPress Block Editor, paste the shortcode using the <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/shortcode-block\/\" target=\"_blank\" rel=\"noopener\"><strong>shortcode block<\/strong><\/a>)<\/li>\n<li style=\"text-align: left\">Selecting the shortcode from the HTML Snippets menu toolbar button (Classic Editor)<\/li>\n<li style=\"text-align: left\">Additionally, you can insert your scripts via shortcodes into your site&#8217;s header, footer, or sidebar areas using the HTML Snippets widget.<\/li>\n<\/ol>\n<p style=\"text-align: left\">Let&#8217;s go through these methods&#8230;<\/p>\n<h6><span class=\"ez-toc-section\" id=\"Copying-and-pasting-the-shortcode-directly-into-your-content\"><\/span>Copying and pasting the shortcode directly into your content<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: left\">To paste the shortcode directly into your content:<\/p>\n<ol>\n<li style=\"text-align: left\">Copy the shortcode from the HTML Snippets table to your clipboard,<\/li>\n<li style=\"text-align: left\">Create or edit a post or page,<\/li>\n<li style=\"text-align: left\">Create a new blank line in the text where you would like to insert your code,<\/li>\n<li style=\"text-align: left\">Place your cursor inside this line, and<\/li>\n<li style=\"text-align: left\">Paste in the shortcode from your clipboard.<\/li>\n<\/ol>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-026.jpg\" alt=\"Shortcode pasted into content.\" width=\"1000\" height=\"855\" \/><figcaption class=\"wp-caption-text\">You can paste shortcodes directly into your content.<\/figcaption><\/figure>\n<h6><span class=\"ez-toc-section\" id=\"Selecting-the-shortcode-from-the-HTML-Snippets-menu-toolbar\"><\/span>Selecting the shortcode from the HTML Snippets menu toolbar<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: left\">Alternatively, if you are in the middle of writing or editing your post or page, do the following:<\/p>\n<ol>\n<li style=\"text-align: left\">Create a new blank line in the text where you would like to insert your code,<\/li>\n<li style=\"text-align: left\">Place your cursor inside this line, and<\/li>\n<li style=\"text-align: left\">Select the shortcode from a dropdown list by clicking the HTML Snippets menu toolbar button.<\/li>\n<\/ol>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-047.jpg\" alt=\"HTML Snippets menu toolbar button\" width=\"1000\" height=\"485\" \/><figcaption class=\"wp-caption-text\">Add a shortcode to your content using the HTML Snippets button.<\/figcaption><\/figure>\n<p style=\"text-align: left\">After adding the shortcode, publish your post or page, preview your content, and test your script to make sure that everything is working correctly.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-027.jpg\" alt=\"Script added to content via a shortcode.\" width=\"1000\" height=\"885\" \/><figcaption class=\"wp-caption-text\">A script added to content via a shortcode.<\/figcaption><\/figure>\n<h6><span class=\"ez-toc-section\" id=\"Add-a-shortcode-using-the-HTML-Snippets-widget\"><\/span>Add a shortcode using the HTML Snippets widget<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: left\">In addition to adding shortcodes to content in your posts and pages, you can insert shortcodes into different sections of your site (e.g. your sidebar, header, or footer) using the HTML Snippets widget.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-048.png\" alt=\"HTML Snippets widget\" width=\"1000\" height=\"780\" \/><figcaption class=\"wp-caption-text\">Add shortcodes to different sections of your site using the HTML Snippets widget.<\/figcaption><\/figure>\n<p style=\"text-align: left\">To learn more about using widgets, see this tutorial: <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/widgets\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress Widgets Explained<\/strong><\/a><\/p>\n<h5><span class=\"ez-toc-section\" id=\"Additional-Plugin-Information\"><\/span>Additional Plugin Information<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: left\">As noted earlier, if you change the script in the original application or in the plugin&#8217;s snippet, your shortcode will automatically update the script code wherever it has been inserted throughout your site.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-028.jpg\" alt=\"Updated script code shown in content.\" width=\"1000\" height=\"1153\" \/><figcaption class=\"wp-caption-text\">Your script should automatically update in your content when changes are made to the script code &#8211; no need to edit your post or page.<\/figcaption><\/figure>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/info-icon.jpg\" alt=\"Information\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: left\">As well as creating and adding new snippets using the HTML Snippets plugin, you can also deactivate, edit, or delete snippets.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-030.png\" alt=\"Additional HTML Snippets plugin functions.\" width=\"1000\" height=\"386\" \/><figcaption class=\"wp-caption-text\">Additional HTML Snippets plugin functions.<\/figcaption><\/figure>\n<p style=\"text-align: left\"><em>Notes:<\/em><\/p>\n<p style=\"text-align: left\">If you decide that you no longer want the script to display in your content, you have a few options:<\/p>\n<ol>\n<li style=\"text-align: left\">You can delete the shortcode from your content (note: finding and deleting all instances of the shortcode can be a cumbersome task, especially if you have added the shortcode to many posts or pages on your site).<\/li>\n<li style=\"text-align: left\">You can deactivate or delete the snippet.<\/li>\n<li style=\"text-align: left\">You can deactivate or delete the plugin.<\/li>\n<\/ol>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-031.png\" alt=\"Inactive snippet\" width=\"1000\" height=\"381\" \/><figcaption class=\"wp-caption-text\">Make snippets inactive if you no longer want to display their code on your site.<\/figcaption><\/figure>\n<p style=\"text-align: left\">If you deactivate or delete a snippet but leave the HTML Snippets plugin installed and active on your site, the shortcode will not display in your content.<\/p>\n<p style=\"text-align: left\">The plugin will automatically remove the line from your content containing the shortcode so that visitors will not detect or notice any gaps in your content.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-032.jpg\" alt=\"Snippet deactivated with shortcode automatically hidden in the content.\" width=\"1000\" height=\"850\" \/><figcaption class=\"wp-caption-text\">If you deactivate the snippet, the plugin automatically hides the shortcode in your content.<\/figcaption><\/figure>\n<p style=\"text-align: left\">If you deactivate or uninstall the HTML Snippets plugin, however, the shortcode will display in your content and will need to be manually removed.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-033.jpg\" alt=\"Plugin deactivated with shortcode displaying in the content.\" width=\"1000\" height=\"850\" \/><figcaption class=\"wp-caption-text\">If you deactivate the HTML Snippets plugin, the shortcode will display in your content.<\/figcaption><\/figure>\n<p style=\"text-align: left\">For more details about this plugin, go here: <strong><a href=\"https:\/\/wordpress.org\/plugins\/insert-html-snippet\/\" target=\"_blank\" rel=\"noopener noreferrer\">Insert HTML Snippet<\/a><\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Additional-Ways-To-Insert-Code-Into-WordPress-Content\"><\/span>Additional Ways To Insert Code Into WordPress Content<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 style=\"text-align: left\"><span class=\"ez-toc-section\" id=\"Use-WordPress-Themes-With-Drag-And-Drop-Code-Page-Builders\"><\/span>Use WordPress Themes With Drag And Drop Code Page Builders<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Some WordPress themes use drag and drop page-building plugins like <a href=\"https:\/\/wptrain.me\/themes\/wpbakery\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Visual Composer<\/strong><\/a> or <a href=\"https:\/\/wptrain.me\/themes\/thrivearchitect\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Thrive Architect<\/strong><\/a> that let you add raw HTML and JavaScript code to your pages.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-037.png\" alt=\"Page builders with add code buttons.\" width=\"1000\" height=\"767\" \/><figcaption class=\"wp-caption-text\">Some WordPress themes offer built-in code insertion features.<\/figcaption><\/figure>\n<h3 style=\"text-align: left\"><span class=\"ez-toc-section\" id=\"Add-Code-To-The-Header-Section-Of-WordPress\"><\/span>Add Code To The Header Section Of WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">A plugin like HTML Snippets lets you easily add scripts to content in your posts and pages.<\/p>\n<p style=\"text-align: left\">Some applications (e.g. analytics and ad conversion tracking tools), however, require adding code to sections like page headers or footers in product download pages, opt-in pages, landing pages, etc.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-036.png\" alt=\"Example of code that needs to be inserted into a page header.\" width=\"1000\" height=\"383\" \/><figcaption class=\"wp-caption-text\">Some scripts require adding code to page headers or footers in order to work.<\/figcaption><\/figure>\n<p style=\"text-align: left\">If you need to add code or scripts outside of content areas, then you will need to either customize your theme files or use a plugin that allows you to add code to the header or footer section of your posts and pages.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/warning-icon.jpg\" alt=\"Important\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: left\">The information below is for advanced WordPress users.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"CSS-JavaScript-Toolbox\"><\/span><a title=\"WordPress Plugin - CSS {Javascript|JavaScript} Toolbox\" href=\"https:\/\/wordpress.org\/plugins\/css-javascript-toolbox\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS &amp; JavaScript Toolbox<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-034.png\" alt=\"CSS &amp; JavaScript Toolbox (CJT)\" width=\"1000\" height=\"450\" \/><figcaption class=\"wp-caption-text\">CSS &amp; JavaScript Toolbox (CJT)<\/figcaption><\/figure>\n<p style=\"text-align: left\"><a href=\"https:\/\/wordpress.org\/plugins\/css-javascript-toolbox\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>CSS &amp; JavaScript Toolbox<\/strong><\/a> (CJT) is a powerful and flexible plugin that lets you add code elements to your WordPress installation using a reasonably easy-to-use web interface.<\/p>\n<p style=\"text-align: left\">This plugin allows you to extend your site&#8217;s functionality and its appearance by adding custom code blocks that you can assign to individual posts, pages, custom posts, categories, URLs, expressions, and more.<\/p>\n<p style=\"text-align: left\">To view the plugin&#8217;s comprehensive documentation and user manual, go here: <strong><a title=\"WordPress Plugin - CSS {Javascript|JavaScript} Toolbox\" href=\"http:\/\/css-javascript-toolbox.com\/documentation\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS &amp; JavaScript Toolbox<\/a><\/strong><\/p>\n<p style=\"text-align: left\"><em>Note:<\/em> After activating the plugin, you will be asked to go through a custom installation process to create the plugin&#8217;s database tables and activate the plugin&#8217;s functionality. To do this, just click the &#8216;Install&#8217; button and the plugin will take care of the rest.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-035.png\" alt=\"CSS JavaScript Toolbox installation procedure.\" width=\"1000\" height=\"593\" \/><figcaption class=\"wp-caption-text\">First-time plugin use requires installing database tables.<\/figcaption><\/figure>\n<p style=\"text-align: left\">After installing and activating the plugin, a new menu item will appear on the main menu.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-049.jpg\" alt=\"CSS &amp; JavaScript Toolbox plugin menu.\" width=\"1000\" height=\"910\" \/><figcaption class=\"wp-caption-text\">CSS &amp; JavaScript Toolbox plugin menu.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Click on <strong>CSS &amp; JavaScript Toolbox<\/strong> on the menu.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-050.jpg\" alt=\"CSS &amp; JavaScript Toolbox menu\" width=\"1000\" height=\"130\" \/><figcaption class=\"wp-caption-text\">CSS &amp; JavaScript Toolbox menu<\/figcaption><\/figure>\n<p style=\"text-align: left\">This brings up the <em>CSS &amp; JavaScript Toolbox<\/em> screen.<\/p>\n<p style=\"text-align: left\">Click on <strong>New Code Block<\/strong> to add new code to your site.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-038.png\" alt=\"CSS &amp; JavaScript Toolbox - New Code Block button\" width=\"1000\" height=\"290\" \/><figcaption class=\"wp-caption-text\">CSS &amp; JavaScript Toolbox &#8211; New Code Block button<\/figcaption><\/figure>\n<p style=\"text-align: left\">In the &#8216;Create New Code Block&#8217; window, give your new code block a <em>name<\/em>, select the <em>activate<\/em> checkbox (or leave it unchecked if you don&#8217;t want to activate the code block yet, select a <em>Location Hook<\/em> (this specifies where to insert your code block. Options=<em>Header\/Footer<\/em>), and choose the <em>Initial Block Position<\/em> (i.e. whether the script should be added before or after all other code in the header or footer. Options=<em>First Block\/Last Block<\/em>).<\/p>\n<p style=\"text-align: left\">After selecting your options, click <strong>Create<\/strong>.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-039.png\" alt=\"Create New Code Block\" width=\"1000\" height=\"522\" \/><figcaption class=\"wp-caption-text\">Create New Code Block<\/figcaption><\/figure>\n<p style=\"text-align: left\">A blank text area will appear. Paste your code or script into this area.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-040.png\" alt=\"CJT content area.\" width=\"1000\" height=\"502\" \/><figcaption class=\"wp-caption-text\">Paste your code into the CJT content area.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Next, select where you would like to insert your code block. You can add the code to your entire website or into specific areas of your website (e.g. pages, posts, archive pages, categories, etc.)<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-041.png\" alt=\"CJT code block locations\" width=\"1000\" height=\"700\" \/><figcaption class=\"wp-caption-text\">Select where you would like your code block to appear.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The plugin&#8217;s dashboard has buttons you can click to access different functions and links to online help documentation for tutorials on how to use the plugin. Hovering over these buttons brings up tooltips with descriptions of all their functions.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-042.png\" alt=\"CJT toolbar menu.\" width=\"1000\" height=\"465\" \/><figcaption class=\"wp-caption-text\">Access plugin functions and documentation via the CJT toolbar menu.<\/figcaption><\/figure>\n<p style=\"text-align: left\">When you are done creating or editing a code block click <strong>Save All Changes<\/strong> to update your settings.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-043.png\" alt=\"CJT - Save All Changes buttons.\" width=\"1000\" height=\"645\" \/><figcaption class=\"wp-caption-text\">Remember to save your settings.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Click on the CJT Block Info button to view and copy the shortcode to your clipboard.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-044.png\" alt=\"CJT Block Info.\" width=\"1000\" height=\"470\" \/><figcaption class=\"wp-caption-text\">View and copy your shortcode.<\/figcaption><\/figure>\n<p style=\"text-align: left\">To learn more about this plugin, visit the plugin&#8217;s documentation section here: <strong><a href=\"http:\/\/css-javascript-toolbox.com\/documentation\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS &amp; JavaScript Toolbox<\/a><\/strong><\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/idea-icon.jpg\" alt=\"Tip\" width=\"75\" height=\"75\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Tip-How-To-Check-If-Your-Code-Has-Been-Added-Correctly\"><\/span>Tip: How To Check If Your Code Has Been Added Correctly<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Some scripts are meant to be visible on your site and some are not.\u00a0 Analytics or conversion tracking code, for example, is usually placed in sections like the header or footer of your site and is not meant to be visible.<\/p>\n<p style=\"text-align: left\">You can verify that you have added scripts or code correctly by checking the source code of your page using your web browser.<\/p>\n<p style=\"text-align: left\">If you use Google Chrome as your web browser, for example, you can view the source code of web pages by right-clicking on the page and selecting <em>View page source<\/em> from the menu or using a keyboard shortcut (e.g. <code>Ctrl + U<\/code> if using Windows, or <code>Command + Option + U<\/code> if using Mac).<\/p>\n<p style=\"text-align: left\">If you use another web browser (e.g. Firefox), you can do the same thing by right-clicking on the page or select <strong>Tools &gt; Web Developer &gt; Page Source<\/strong> from the browser&#8217;s menu.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-045.jpg\" alt=\"Composite image of view page source function in Google Chrome and Firefox browsers.\" width=\"1000\" height=\"800\" \/><figcaption class=\"wp-caption-text\">View page source using your web browser.<\/figcaption><\/figure>\n<p style=\"text-align: left\">A new window will open in your browser and display the source code for that page.<\/p>\n<p style=\"text-align: left\">Scroll or use the search function (e.g. <code>Ctrl+F<\/code> in Windows) to locate the code.<\/p>\n<p style=\"text-align: left\">If you have added a script to your site&#8217;s header section, it will typically be found between the <code>&lt;head&gt;<\/code> and <code>&lt;\/head&gt;<\/code> tags.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-046.png\" alt=\"View page source.\" width=\"1000\" height=\"517\" \/><figcaption class=\"wp-caption-text\">Check your code or scripts by viewing the source code on your web pages.<\/figcaption><\/figure>\n<p style=\"text-align: left\">If you can see the code in page source view, then all that&#8217;s left to do is test your script and make sure that everything is working correctly. If you experience any errors, make sure that you have entered the correct code in the right location.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Schema-Markup\"><\/span>Schema Markup<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Schema markup is like a language that search engines understand, helping them better comprehend the content on your website.<\/p>\n<p>Here&#8217;s a quick breakdown:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"What-is-Schema-Markup\"><\/span>What is Schema Markup?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Schema markup, or structured data, is special code you can add to your website to provide search engines with more detailed information about your content.<\/p>\n<p>For example, if you have a recipe blog, you can use schema markup to provide details like ingredients, cooking time, and nutrition facts. This helps search engines display rich snippets in search results, making your recipe stand out.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Benefits-for-WordPress-Users\"><\/span>Benefits for WordPress Users<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><em>Improved SEO:<\/em> Schema markup helps search engines understand your content better, potentially leading to higher rankings.<\/li>\n<li><em>Enhanced Visibility:<\/em> With schema markup, your content may appear more prominently in search results, attracting more clicks.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Schema-Markup-Types\"><\/span>Schema Markup Types<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Here are some commonly used schema markup types that can enhance your WordPress site and help to improve your rankings in search results:<\/p>\n<ul>\n<li><strong>Organization Schema Markup<\/strong>: Describes an organization&#8217;s details such as name, logo, contact information, and social profiles.<\/li>\n<li><strong>Local Business Schema Markup<\/strong>: Provides information about a local business including address, phone number, hours of operation, and accepted payment methods.<\/li>\n<li><strong>Person Schema Markup<\/strong>: Lists individual details like name, birthdate, address, education, and family members.<\/li>\n<li><strong>Product Schema Markup<\/strong>: Specifies details about a product such as name, brand, description, price, and availability.<\/li>\n<li><strong>Review Schema Markup<\/strong>: Displays reviews and ratings for products, services, organizations, or events.<\/li>\n<li><strong>Event Schema Markup<\/strong>: Provides information about events including name, location, date, time, and organizer.<\/li>\n<li><strong>Article Schema Markup<\/strong>: Describes articles with details like headline, author, date published, and main content.<\/li>\n<li><strong>FAQ Schema Markup<\/strong>: Helps structure Frequently Asked Questions and their corresponding answers on a webpage.<\/li>\n<li><strong>Breadcrumb Schema Markup<\/strong>: Indicates the position of a page in the site hierarchy with a breadcrumb navigation.<\/li>\n<li><strong>Video Object Schema Markup<\/strong>: Specifies details about a video, including its title, description, duration, and upload date.<\/li>\n<li><strong>Recipe Schema Markup<\/strong>: Provides structured data for recipes including ingredients, cooking time, instructions, and nutrition information.<\/li>\n<li><strong>FAQPage Schema Markup<\/strong>: Similar to FAQ Schema but specifically for pages containing multiple FAQs.<\/li>\n<li><strong>Job Posting Schema Markup<\/strong>: Details job postings with information like title, company, location, and salary.<\/li>\n<li><strong>Course Schema Markup<\/strong>: Describes online courses including the course name, provider, description, and duration.<\/li>\n<li><strong>Medical Business Schema Markup<\/strong>: Specifies details about medical organizations such as hospitals, clinics, and medical practices.<\/li>\n<li><strong>Software Application Schema Markup<\/strong>: Provides structured data for software applications including name, description, and operating system requirements.<\/li>\n<\/ul>\n<p>For more schema markup types, go here: <strong><a href=\"https:\/\/schema.org\/docs\/schemas.html\" target=\"_blank\" rel=\"noopener\">Organization of Schemas<\/a><\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"How-to-Add-Schema-Markups-to-WordPress\"><\/span>How to Add Schema Markups to WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><em>Use Plugins:<\/em> WordPress offers various plugins that allow you to easily add schema markup without needing technical expertise.<\/li>\n<li><em>Manually Add Code:<\/em> If you prefer a hands-on approach, you (or your web developer) can insert schema markup directly into your WordPress site&#8217;s HTML using the Schema.org vocabulary.<\/li>\n<\/ul>\n<figure style=\"width: 930px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/add-schema-type.png\" alt=\"Add Schema Type - SmartCrawl SEO plugin\" width=\"930\" height=\"690\" \/><figcaption class=\"wp-caption-text\">Use a plugin like <strong><a href=\"https:\/\/wordpress.org\/plugins\/smartcrawl-seo\/\" target=\"_blank\" rel=\"noopener\">SmartCrawl SEO<\/a><\/strong> to easily add schema markup code to your WordPress site.<\/figcaption><\/figure>\n<h2><span class=\"ez-toc-section\" id=\"Adding-Code-In-WordPress-%E2%80%93-FAQs\"><\/span>Adding Code In WordPress &#8211; FAQs<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Here are frequently asked questions about inserting code and scripts into content in WordPress:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"What-types-of-code-can-I-add-to-my-WordPress-site\"><\/span>What types of code can I add to my WordPress site?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You can add various types of code to WordPress, including HTML, CSS, and JavaScript.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Is-there-a-plugin-to-insert-headers-and-footers-in-WordPress\"><\/span>Is there a plugin to insert headers and footers in WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, there are plugins that allow you to easily insert code snippets, including header and footer scripts, into your WordPress site.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How-can-I-add-code-to-the-site-header-in-WordPress\"><\/span>How can I add code to the site header in WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To add code to the site header, you can use plugins or manually insert the code using the theme editor.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How-can-I-add-frequently-asked-questions-FAQs-section-in-WordPress\"><\/span>How can I add frequently asked questions (FAQs) section in WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You can add an FAQs section using plugins which allow for easy creation and management of FAQ sections.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"What-is-schema-markup-and-how-can-I-add-it-to-my-WordPress-site\"><\/span>What is schema markup, and how can I add it to my WordPress site?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Schema markup is structured data that helps Google identify different types of content on your site. You can add schema using plugins or by manually adding the markup code to your WordPress pages.<\/p>\n<p style=\"text-align: center\">***<\/p>\n<p style=\"text-align: left\">Congratulations! Now you know how to insert code and scripts into your content.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/warning-icon.jpg\" alt=\"Important\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: left\">Remember to always back up your files before adding, changing, or deleting code on your site.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-026\/WPTM-026-001.png\" alt=\"JavaScript Snippet\" width=\"1000\" height=\"551\" \/><figcaption class=\"wp-caption-text\">Insert code snippets into your posts and pages in WordPress.<\/figcaption><\/figure>\n<p style=\"text-align: center\">***<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to insert code into the content of your WordPress posts and pages.<\/p>\n","protected":false},"author":78,"featured_media":79037,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[195],"tags":[198,202,211,246,249,250],"class_list":["post-154","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tutorials","tag-block-editor","tag-code","tag-gutenberg","tag-wordpress-classic","tag-wordpress-page","tag-wordpress-post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Add Code &amp; Scripts To WordPress Posts And Pages - WPTrainingManual.com<\/title>\n<meta name=\"description\" content=\"Learn how to insert code into the content of your WordPress posts and pages.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Add Code &amp; Scripts To WordPress Posts And Pages - WPTrainingManual.com\" \/>\n<meta property=\"og:description\" content=\"Learn how to insert code into the content of your WordPress posts and pages.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/\" \/>\n<meta property=\"og:site_name\" content=\"WPTrainingManual.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wptraining\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-10T07:54:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-05T09:08:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"WordPress Tutorials\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wptrain\" \/>\n<meta name=\"twitter:site\" content=\"@wptrain\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"WordPress Tutorials\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"31 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/\"},\"author\":{\"name\":\"WordPress Tutorials\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc\"},\"headline\":\"How To Add Code &amp; Scripts To WordPress Posts And Pages\",\"datePublished\":\"2020-06-10T07:54:39+00:00\",\"dateModified\":\"2024-07-05T09:08:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/\"},\"wordCount\":4354,\"publisher\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png\",\"keywords\":[\"Block Editor\",\"Code\",\"Gutenberg\",\"WordPress Classic\",\"WordPress Page\",\"WordPress Post\"],\"articleSection\":[\"WordPress Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/\",\"url\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/\",\"name\":\"How To Add Code &amp; Scripts To WordPress Posts And Pages - WPTrainingManual.com\",\"isPartOf\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png\",\"datePublished\":\"2020-06-10T07:54:39+00:00\",\"dateModified\":\"2024-07-05T09:08:15+00:00\",\"description\":\"Learn how to insert code into the content of your WordPress posts and pages.\",\"breadcrumb\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#primaryimage\",\"url\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png\",\"contentUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png\",\"width\":1280,\"height\":720,\"caption\":\"How To Add Code To WordPress Posts And Pages\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wptrainingmanual.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Add Code &amp; Scripts To WordPress Posts And Pages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wptrainingmanual.com\/#website\",\"url\":\"https:\/\/wptrainingmanual.com\/\",\"name\":\"WPTrainingManual.com\",\"description\":\"WordPress Training Manual\",\"publisher\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wptrainingmanual.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\",\"name\":\"WPTrainingManual.com\",\"url\":\"https:\/\/wptrainingmanual.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png\",\"contentUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png\",\"width\":559,\"height\":65,\"caption\":\"WPTrainingManual.com\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/wptraining\",\"https:\/\/x.com\/wptrain\",\"https:\/\/www.linkedin.com\/in\/wptraining\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc\",\"name\":\"WordPress Tutorials\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g\",\"caption\":\"WordPress Tutorials\"},\"url\":\"https:\/\/wptrainingmanual.com\/author\/wordpress-tutorials\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Add Code &amp; Scripts To WordPress Posts And Pages - WPTrainingManual.com","description":"Learn how to insert code into the content of your WordPress posts and pages.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/","og_locale":"en_US","og_type":"article","og_title":"How To Add Code &amp; Scripts To WordPress Posts And Pages - WPTrainingManual.com","og_description":"Learn how to insert code into the content of your WordPress posts and pages.","og_url":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/","og_site_name":"WPTrainingManual.com","article_publisher":"https:\/\/www.facebook.com\/wptraining","article_published_time":"2020-06-10T07:54:39+00:00","article_modified_time":"2024-07-05T09:08:15+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png","type":"image\/png"}],"author":"WordPress Tutorials","twitter_card":"summary_large_image","twitter_creator":"@wptrain","twitter_site":"@wptrain","twitter_misc":{"Written by":"WordPress Tutorials","Est. reading time":"31 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#article","isPartOf":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/"},"author":{"name":"WordPress Tutorials","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc"},"headline":"How To Add Code &amp; Scripts To WordPress Posts And Pages","datePublished":"2020-06-10T07:54:39+00:00","dateModified":"2024-07-05T09:08:15+00:00","mainEntityOfPage":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/"},"wordCount":4354,"publisher":{"@id":"https:\/\/wptrainingmanual.com\/#organization"},"image":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#primaryimage"},"thumbnailUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png","keywords":["Block Editor","Code","Gutenberg","WordPress Classic","WordPress Page","WordPress Post"],"articleSection":["WordPress Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/","url":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/","name":"How To Add Code &amp; Scripts To WordPress Posts And Pages - WPTrainingManual.com","isPartOf":{"@id":"https:\/\/wptrainingmanual.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#primaryimage"},"image":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#primaryimage"},"thumbnailUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png","datePublished":"2020-06-10T07:54:39+00:00","dateModified":"2024-07-05T09:08:15+00:00","description":"Learn how to insert code into the content of your WordPress posts and pages.","breadcrumb":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#primaryimage","url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png","contentUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png","width":1280,"height":720,"caption":"How To Add Code To WordPress Posts And Pages"},{"@type":"BreadcrumbList","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/add-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wptrainingmanual.com\/"},{"@type":"ListItem","position":2,"name":"How To Add Code &amp; Scripts To WordPress Posts And Pages"}]},{"@type":"WebSite","@id":"https:\/\/wptrainingmanual.com\/#website","url":"https:\/\/wptrainingmanual.com\/","name":"WPTrainingManual.com","description":"WordPress Training Manual","publisher":{"@id":"https:\/\/wptrainingmanual.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wptrainingmanual.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wptrainingmanual.com\/#organization","name":"WPTrainingManual.com","url":"https:\/\/wptrainingmanual.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/","url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png","contentUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png","width":559,"height":65,"caption":"WPTrainingManual.com"},"image":{"@id":"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wptraining","https:\/\/x.com\/wptrain","https:\/\/www.linkedin.com\/in\/wptraining\/"]},{"@type":"Person","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc","name":"WordPress Tutorials","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g","caption":"WordPress Tutorials"},"url":"https:\/\/wptrainingmanual.com\/author\/wordpress-tutorials\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png",1280,720,false],"thumbnail":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp-150x150.png",150,150,true],"medium":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp-300x169.png",300,169,true],"medium_large":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp-768x432.png",768,432,true],"large":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp-1024x576.png",1024,576,true],"1536x1536":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png",1280,720,false],"2048x2048":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2020\/06\/026-add-code-wp.png",1280,720,false]},"uagb_author_info":{"display_name":"WordPress Tutorials","author_link":"https:\/\/wptrainingmanual.com\/author\/wordpress-tutorials\/"},"uagb_comment_info":0,"uagb_excerpt":"Learn how to insert code into the content of your WordPress posts and pages.","_links":{"self":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts\/154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/comments?post=154"}],"version-history":[{"count":1,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts\/154\/revisions"}],"predecessor-version":[{"id":79676,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts\/154\/revisions\/79676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/media\/79037"}],"wp:attachment":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/media?parent=154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/categories?post=154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/tags?post=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}