{"id":3115,"date":"2025-06-12T03:46:25","date_gmt":"2025-06-12T03:46:25","guid":{"rendered":"https:\/\/www.woohelpdesk.com\/blog\/?p=3115"},"modified":"2025-09-02T06:35:35","modified_gmt":"2025-09-02T06:35:35","slug":"how-to-fix-elementor-custom-fonts-not-showing-on-frontend","status":"publish","type":"post","link":"https:\/\/www.woohelpdesk.com\/blog\/how-to-fix-elementor-custom-fonts-not-showing-on-frontend\/","title":{"rendered":"How to Fix Elementor Custom Fonts Not Showing on Frontend"},"content":{"rendered":"<h2>Table of Contents<\/h2>\n<ul>\n<li style=\"list-style-type: none;\"><\/li>\n<\/ul>\n<ul>\n<li><a href=\"#section-1\">Introduction<\/a><\/li>\n<li><a href=\"#section-2\">Common Symptoms and Complaints<\/a><\/li>\n<li><a href=\"#section-3\">Why Elementor Custom Fonts Fail to Load<\/a><\/li>\n<li><a href=\"#section-4\">Step-by-Step Troubleshooting Guide<\/a><\/li>\n<li><a href=\"#section-5\">Advanced Fixes for Custom Font Issues<\/a><\/li>\n<li><a href=\"#section-6\">Prevention Tips to Avoid Future Font Problems<\/a><\/li>\n<li><a href=\"#section-7\">Elementor Itself Not Loading? That Could Be the Real Problem<\/a><\/li>\n<li><a href=\"#section-8\">Why This Matters<\/a><\/li>\n<li><a href=\"#section-9\">Conclusion<\/a><\/li>\n<\/ul>\n<h2 id=\"section-1\">Introduction<\/h2>\n<p>Elementor is one of the most popular page builders for WordPress. It helps users create beautiful websites without needing to write code. Using and uploading custom fonts is one of Elementor&#8217;s most potent features.<\/p>\n<p>Custom fonts allow brands to stand out. They help match a website\u2019s look to its identity. When used correctly, they improve both design and user experience. However, what occurs if these fonts malfunction?<\/p>\n<p>Many users report that custom fonts are not showing on their live site. The fonts look perfect inside the Elementor editor. But when you visit the actual page, the custom font is missing. This issue can hurt a brand\u2019s image. It can also create frustration for web designers and clients.<\/p>\n<p>This post will walk you through the process of resolving the problem. We&#8217;ll go over why this occurs and how to fix it. We&#8217;ll also offer advice on how to keep this from happening in the future.<\/p>\n<h2 id=\"section-2\">Common Symptoms and Complaints<\/h2>\n<p>You are not alone if your Elementor custom fonts are not appearing on the frontend. For many Elementor users, this is a frequent problem. Below are some of the most frequent complaints:<\/p>\n<ul>\n<li>The font looks correct in the Elementor editor but not on the live site.<\/li>\n<li>The website shows a default system font instead of your uploaded font.<\/li>\n<li>Fonts load fine on some pages but not others.<\/li>\n<li>The font works on desktop but fails on mobile devices.<\/li>\n<li>After publishing, the font resets back to the default style.<\/li>\n<\/ul>\n<p>These issues can appear suddenly or after an update. Sometimes, they are caused by caching plugins. Other times, a theme or plugin conflict is the real reason. Users frequently don&#8217;t even know where to begin.<\/p>\n<p>Here\u2019s what users often search for:<\/p>\n<ul>\n<li>&#8220;Elementor custom fonts not loading front end&#8221;<\/li>\n<li>&#8220;Fix custom font issues on Elementor&#8221;<\/li>\n<li>&#8220;Why is my custom font not working on Elementor?&#8221;<\/li>\n<\/ul>\n<p>The first step is to comprehend the symptoms. Identifying the issue makes it simpler to implement a solution. The next parts of this guide will walk you through all the causes and solutions. We\u2019ll cover everything from cache problems to advanced custom CSS fixes.<\/p>\n<p><a href=\"https:\/\/www.woohelpdesk.com\/woocommerce-errors\/fix-elementor-custom-fonts-not-showing\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.woohelpdesk.com\/blog\/wp-content\/uploads\/2025\/09\/Elementor-Custom-Fonts-Not-Showing-on-Frontend-Issue.png\" alt=\"Elementor Custom Fonts Not Showing on Frontend Issue\" \/><\/a><\/p>\n<h2 id=\"section-3\">Why Elementor Custom Fonts Fail to Load<\/h2>\n<p>When custom fonts don\u2019t appear on the frontend, it can be confusing. There are several reasons why this happens. Knowing the cause helps you find the right fix. Let\u2019s explore the most common problems that affect Elementor custom fonts.<\/p>\n<ol>\n<li><strong> Incorrect Font File Format or Missing Files<\/strong><\/li>\n<\/ol>\n<p>The font file you upload must be supported by web browsers. Elementor accepts several formats, but not all browsers do. If you upload only one file type, it may not load on some devices.<\/p>\n<p>Here are the formats you should include:<\/p>\n<ul>\n<li>WOFF<\/li>\n<li>WOFF2<\/li>\n<li>TTF (TrueType Font)<\/li>\n<li>SVG (for older browsers)<\/li>\n<li>EOT (Embedded OpenType)<\/li>\n<\/ul>\n<p>If one or more of these is missing, fonts may not load. Always upload at least WOFF and WOFF2 files. These formats are light, fast, and work in all modern browsers.<\/p>\n<ol start=\"2\">\n<li><strong> Cache Conflicts<\/strong><\/li>\n<\/ol>\n<p>Cache plugins can block new fonts from appearing. This is a common reason why custom fonts are not showing on your live site.<\/p>\n<p>WordPress cache plugins like:<\/p>\n<ul>\n<li>WP Rocket<\/li>\n<li>W3 Total Cache<\/li>\n<li>LiteSpeed Cache<\/li>\n<\/ul>\n<p>\u2026may hold old font files. Even if you change the font, the cache may still load the old version. The browser might also cache the older design.<\/p>\n<p>To fix this:<\/p>\n<ul>\n<li>Clear all site and browser caches<\/li>\n<li>Regenerate Elementor CSS from the Tools menu<\/li>\n<\/ul>\n<ol start=\"3\">\n<li><strong> Theme or Plugin Conflicts<\/strong><\/li>\n<\/ol>\n<p>The font settings in Elementor can be overridden by some themes or plugins. They may apply their own styles. This can stop custom fonts from loading.<\/p>\n<p>For example:<\/p>\n<ul>\n<li>Some themes block external fonts<\/li>\n<li>Security plugins might block font file types<\/li>\n<li>Optimization tools may remove unused CSS, including fonts<\/li>\n<\/ul>\n<p>Try switching to a default theme like &#8220;Hello Elementor.&#8221; Disable plugins one by one to test the issue.<\/p>\n<ol start=\"4\">\n<li><strong> CDN or Font Path Issues<\/strong><\/li>\n<\/ol>\n<p>Speed can be increased by using a content delivery network, or CDN. But it can also break font paths if not set up right.<\/p>\n<p>Common problems include:<\/p>\n<ul>\n<li>Fonts not syncing correctly<\/li>\n<li>Incorrect MIME types (the file type is not recognized)<\/li>\n<li>Font paths being blocked or rewritten<\/li>\n<\/ul>\n<p>Make sure your CDN allows font files. Also, check the browser console (F12 &gt; Network tab) to see if fonts are blocked.<\/p>\n<ol start=\"5\">\n<li><strong> Elementor or WordPress Is Outdated<\/strong><\/li>\n<\/ol>\n<p>Older versions of Elementor may not support new font settings. Updating Elementor, your theme, and WordPress can fix unknown issues.<\/p>\n<p>Make a backup of your website before making any changes.<\/p>\n<h2 id=\"section-4\">Step-by-Step Troubleshooting Guide<\/h2>\n<p>If your Elementor custom fonts are not appearing on the frontend, don\u2019t worry. It can be fixed with a few easy steps. You will be guided through the best solutions in this section of the guide. Test your website after making any changes, and follow each step exactly.<\/p>\n<p><strong>Step 1: Clear Cache and Regenerate CSS<\/strong><\/p>\n<p>The simplest and quickest step is this one. Many font problems happen due to cached files.<\/p>\n<p>Here\u2019s what you should do:<\/p>\n<ul>\n<li>Go to <strong>Elementor &gt; Tools<\/strong><\/li>\n<li>Click on <strong>Regenerate CSS &amp; Data<\/strong><\/li>\n<li>Click on <strong>Sync Library<\/strong><\/li>\n<li>Save changes<\/li>\n<\/ul>\n<p>Then clear your website cache. If you use a cache plugin, clear it from the plugin\u2019s settings. Additionally, try viewing the website in incognito mode or clearing the cache in your browser.<\/p>\n<p>Still not fixed? Move to the next step.<\/p>\n<p><strong>Step 2: Re-upload Fonts in the Correct Format<\/strong><\/p>\n<p>Sometimes, the font file was not uploaded correctly. Or it may be missing required formats.<\/p>\n<p>Follow these steps:<\/p>\n<ul>\n<li>Go to <strong>Elementor &gt; Custom Fonts<\/strong><\/li>\n<li>Delete the font you previously uploaded<\/li>\n<li>Re-upload the font with these file types:\n<ul>\n<li>WOFF<\/li>\n<li>WOFF2<\/li>\n<li>TTF<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Make sure each font style (regular, bold, italic) is uploaded separately.<\/p>\n<p>When done:<\/p>\n<ul>\n<li>Assign the font to the correct heading or text element<\/li>\n<li>Update the page and clear cache again<\/li>\n<\/ul>\n<p>This should fix most frontend font issues.<\/p>\n<p><strong>Step 3: Check for Plugin Conflicts<\/strong><\/p>\n<p>Other plugins may block or override your custom font styles. This can cause fonts to disappear from the live site.<\/p>\n<p>To test for a plugin conflict:<\/p>\n<ul>\n<li>Go to <strong>Plugins &gt; Installed Plugins<\/strong><\/li>\n<li>Deactivate all plugins except Elementor and Elementor Pro<\/li>\n<li>Check if fonts appear on the frontend<\/li>\n<\/ul>\n<p>If the fonts load now, one of the disabled plugins is causing the issue. Test each one after reactivating it one at a time.<\/p>\n<p>Common plugins that may cause problems:<\/p>\n<ul>\n<li>Security plugins (e.g., Wordfence)<\/li>\n<li>Optimization plugins (e.g., Asset CleanUp)<\/li>\n<li>Page speed tools (e.g., Autoptimize)<\/li>\n<\/ul>\n<p>Once the conflicting plugin is found, adjust its settings or replace it.<\/p>\n<p><strong>Step 4: Check Theme Compatibility<\/strong><\/p>\n<p>Not all WordPress themes are built with Elementor in mind. Some themes may add their own font styles or block Elementor\u2019s custom settings.<\/p>\n<p>Try switching to a basic theme to test:<\/p>\n<ul>\n<li>Go to <strong>Appearance &gt; Themes<\/strong><\/li>\n<li>Activate the <strong>Hello Elementor<\/strong> theme<\/li>\n<li>View your site and see if the custom font appears<\/li>\n<\/ul>\n<p>If fonts now display correctly, your theme is the issue. You can either:<\/p>\n<ul>\n<li>Contact the theme developer for a fix<\/li>\n<li>Use a more Elementor-friendly theme<\/li>\n<li>Add custom CSS to override the theme\u2019s styles<\/li>\n<\/ul>\n<p>This test helps rule out theme-related problems quickly.<\/p>\n<p><strong>Step 5: Inspect CDN and Font File Paths<\/strong><\/p>\n<p>If you use a CDN (like Cloudflare), it might block your font files. Some CDNs compress files or change headers. This can stop fonts from loading on the frontend.<\/p>\n<p>Here\u2019s how to check:<\/p>\n<ul>\n<li>Open your site in Chrome<\/li>\n<li>Right-click and click <strong>Inspect<\/strong><\/li>\n<li>Select the Network tab, then reload the website.<\/li>\n<li>Look for any font files (with .woff or .ttf extensions)<\/li>\n<li>If you see errors like 403 or 404, the fonts are blocked<\/li>\n<\/ul>\n<p>Fix this by:<\/p>\n<ul>\n<li>Whitelisting font file types in your CDN<\/li>\n<li>Setting correct MIME types (e.g., font\/woff2)<\/li>\n<li>Purging the CDN cache completely<\/li>\n<\/ul>\n<p>Also, make sure font file paths are correct. If you changed your domain, font URLs might be outdated.<\/p>\n<p><strong>Step 6: Check Font Assignments in Elementor Settings<\/strong><\/p>\n<p>Sometimes, fonts are uploaded but not applied. Text elements need to have their font assigned.<\/p>\n<p>To do this:<\/p>\n<ul>\n<li>Edit the page with Elementor<\/li>\n<li>Click on a text widget (like a heading or paragraph)<\/li>\n<li>Go to the <strong>Style<\/strong> tab<\/li>\n<li>Choose your custom font from the typography dropdown<\/li>\n<li>Save and update the page<\/li>\n<\/ul>\n<p>Also, check your global fonts:<\/p>\n<ul>\n<li>Go to <strong>Site Settings &gt; Typography<\/strong><\/li>\n<li>Make sure your custom font is selected<\/li>\n<\/ul>\n<p>This ensures that your custom fonts are used across the site.<\/p>\n<p><strong>Step 7: Try Custom CSS as a Last Resort<\/strong><\/p>\n<p>If nothing works, load fonts using CSS manually. This step is for advanced users.<\/p>\n<p>You can add this code in <strong>Customizer &gt; Additional CSS<\/strong>:<\/p>\n<div style=\"background-color: #f3f4f5; padding: 10px; border: 1px solid #ccc;\">\n<p>@font-face {<\/p>\n<p>font-family: &#8216;MyFont&#8217;;<\/p>\n<p>src: url(&#8216;https:\/\/yourwebsite.com\/wp-content\/uploads\/fonts\/myfont.woff2&#8217;) format(&#8216;woff2&#8217;);<\/p>\n<p>font-weight: normal;<\/p>\n<p>font-style: normal;<\/p>\n<p>}<\/p>\n<p>body {<\/p>\n<p>font-family: &#8216;MyFont&#8217;, sans-serif;<\/p>\n<p>}<\/p>\n<\/div>\n<p>Replace the font URL and name with your own values.<\/p>\n<h2 id=\"section-5\">Advanced Fixes for Custom Font Issues<\/h2>\n<p>If the standard fixes didn\u2019t work, don\u2019t worry. There are still a few advanced methods you can try. These options give you more control and often solve tough problems.<\/p>\n<ol>\n<li><strong> Load Fonts Manually Using CSS<\/strong><\/li>\n<\/ol>\n<p>Sometimes, Elementor fails to load fonts automatically. In this instance, you can use CSS to manually link the font.<\/p>\n<p>Here\u2019s how:<\/p>\n<ul>\n<li>Upload the font to your WordPress media library<\/li>\n<li>Copy the file URL<\/li>\n<li>Go to <strong>Appearance &gt; Customize &gt; Additional CSS<\/strong><\/li>\n<li>Add this code:<\/li>\n<\/ul>\n<div style=\"background-color: #f3f4f5; padding: 10px; border: 1px solid #ccc;\">\n<p>@font-face {<\/p>\n<p>font-family: &#8216;MyFont&#8217;;<\/p>\n<p>src: url(&#8216;https:\/\/yoursite.com\/wp-content\/uploads\/2025\/06\/myfont.woff2&#8217;) format(&#8216;woff2&#8217;);<\/p>\n<p>font-weight: normal;<\/p>\n<p>font-style: normal;<\/p>\n<p>}<\/p>\n<p>body {<\/p>\n<p>font-family: &#8216;MyFont&#8217;, sans-serif;<\/p>\n<p>}<\/p>\n<\/div>\n<p>Replace the font name and URL with your own. This technique guarantees that the font will always load.<\/p>\n<ol start=\"2\">\n<li><strong> Use Google Fonts as a Backup<\/strong><\/li>\n<\/ol>\n<p>While custom fonts offer branding flexibility, Google Fonts are more reliable. They can serve as a stopgap measure until your bespoke fonts are functional.<\/p>\n<p>To do this:<\/p>\n<ul>\n<li>Edit the text in Elementor<\/li>\n<li>Go to the <strong>Style &gt; Typography<\/strong> section<\/li>\n<li>Select a Google Font as a fallback<\/li>\n<\/ul>\n<p>This helps keep your site looking clean while you troubleshoot.<\/p>\n<ol start=\"3\">\n<li><strong> Consider Using System Fonts<\/strong><\/li>\n<\/ol>\n<p>System fonts are pre-installed on all devices. They load fast and rarely cause issues. While they don\u2019t offer full branding control, they are a safe fallback option.<\/p>\n<p>Choose fonts like:<\/p>\n<ul>\n<li>Arial<\/li>\n<li>Georgia<\/li>\n<li>Helvetica<\/li>\n<li>Times New Roman<\/li>\n<\/ul>\n<p>You can apply system fonts the same way as custom fonts in Elementor\u2019s typography settings.<\/p>\n<h2 id=\"section-6\">Prevention Tips to Avoid Future Font Problems<\/h2>\n<p>Fixing font issues is one thing\u2014preventing them is even better. To prevent encountering the same issues again, heed these suggestions.<\/p>\n<ol>\n<li><strong> Use Recommended Font Formats<\/strong><\/li>\n<\/ol>\n<p>Always upload fonts in WOFF and WOFF2 formats. These work in all major browsers and load faster.<\/p>\n<ol start=\"2\">\n<li><strong> Don\u2019t Upload Extra Font Weights<\/strong><\/li>\n<\/ol>\n<p>Only upload the font styles you need, like:<\/p>\n<ul>\n<li>Regular<\/li>\n<li>Bold<\/li>\n<li>Italic<\/li>\n<\/ul>\n<p>Avoid adding unused weights. This minimizes conflicts and keeps your site quick.<\/p>\n<ol start=\"3\">\n<li><strong> Keep Everything Updated<\/strong><\/li>\n<\/ol>\n<p>Update Elementor, your theme, and all plugins regularly. Old versions may have bugs that affect fonts.<\/p>\n<ol start=\"4\">\n<li><strong> Test on a Staging Site First<\/strong><\/li>\n<\/ol>\n<p>Before making major design changes, test them on a staging site. This helps avoid breaking the live version.<\/p>\n<ol start=\"5\">\n<li><strong> Use a Trusted Hosting and CDN<\/strong><\/li>\n<\/ol>\n<p>Cheap hosts or free CDNs often cause font delivery problems. Choose reliable services that support proper font MIME types.<\/p>\n<h2 id=\"section-7\">Elementor Itself Not Loading? That Could Be the Real Problem<\/h2>\n<p>Sometimes, the issue with custom fonts not showing on the frontend isn\u2019t actually about the fonts at all. It could be that Elementor itself is not loading properly, either in the editor or on the live site. When Elementor doesn\u2019t fully load, it fails to apply certain styles\u2014like custom fonts, custom spacing, or even layout structure. This can leave your site looking broken or incomplete.<\/p>\n<p>This kind of issue can confuse users. Everything might look fine inside the editor, but on the live site, your fonts and layouts vanish. You might also notice Elementor widgets not loading, or the editor panel freezing. These signs point to a deeper problem: Elementor isn\u2019t functioning as it should.<\/p>\n<p>There are several reasons why Elementor may fail to load properly:<\/p>\n<ol>\n<li><strong> PHP Memory Limit Is Too Low<\/strong><\/li>\n<\/ol>\n<p>Elementor is a powerful tool, but it needs enough resources to work. If your server\u2019s PHP memory is limited, Elementor may not load all components. This can stop fonts, widgets, and settings from being applied.<\/p>\n<p><strong>How to fix it:<\/strong><\/p>\n<ul>\n<li>Edit your wp-config.php file.<\/li>\n<li>Add this line:<\/li>\n<\/ul>\n<p>define(&#8216;WP_MEMORY_LIMIT&#8217;, &#8216;256M&#8217;);<\/p>\n<p>By doing this, the RAM limit will rise to 256MB, which is what Elementor recommends.<\/p>\n<ol start=\"2\">\n<li><strong> Conflicts with Other Plugins<\/strong><\/li>\n<\/ol>\n<p>Elementor doesn&#8217;t work well with certain plugins. Security tools, caching plugins, or page optimization add-ons can interfere with how Elementor loads resources like fonts and scripts.<\/p>\n<p><strong>What to do:<\/strong><\/p>\n<ul>\n<li>With the exception of Elementor and Elementor Pro, deactivate every plugin.<\/li>\n<li>Check if the builder and fonts work now.<\/li>\n<li>To identify the conflict, reactivate each plugin individually.<\/li>\n<\/ul>\n<ol start=\"3\">\n<li><strong> Outdated Elementor or WordPress<\/strong><\/li>\n<\/ol>\n<p>Running older versions of Elementor or WordPress can lead to performance bugs and loading failures. Newer versions often fix known issues and improve stability.<\/p>\n<p><strong>Solution:<\/strong><\/p>\n<ul>\n<li>Always update Elementor, Elementor Pro, and WordPress to the latest versions.<\/li>\n<li>Before updating, make a backup of your website.<\/li>\n<\/ul>\n<ol start=\"4\">\n<li><strong> Theme Compatibility Issues<\/strong><\/li>\n<\/ol>\n<p>Not every theme is designed to be compatible with Elementor. Some themes override default styles or block font scripts from loading. This can break the connection between your custom fonts and your content.<\/p>\n<p><strong>Fix:<\/strong><\/p>\n<ul>\n<li>Switch temporarily to the <strong>Hello Elementor<\/strong> theme.<\/li>\n<li>Your original theme may be the issue if fonts are compatible with this theme.<\/li>\n<\/ul>\n<ol start=\"5\">\n<li><strong> Use Elementor Safe Mode<\/strong><\/li>\n<\/ol>\n<p>Elementor has a built-in Safe Mode feature for troubleshooting. It disables third-party scripts and plugins in the editor\u2014without affecting your live site. This helps isolate what\u2019s breaking the builder.<\/p>\n<p><strong>Steps:<\/strong><\/p>\n<ul>\n<li>Go to <strong>Elementor &gt; Tools &gt; Safe Mode<\/strong><\/li>\n<li>Activate it and test the editor and frontend<\/li>\n<li>If it works fine, a third-party conflict is likely<\/li>\n<\/ul>\n<h2 id=\"section-8\">Why This Matters<\/h2>\n<p>If Elementor doesn\u2019t load properly, no custom styles\u2014including your fonts\u2014will show. You could waste hours trying to fix fonts when the root cause is Elementor&#8217;s failure to load. Fixing these core issues ensures not just fonts, but the entire site runs smoothly.<\/p>\n<p>Once Elementor is working the way it should, your custom fonts should display correctly across your live site.<\/p>\n<h2 id=\"section-9\">Conclusion<\/h2>\n<p>Elementor custom font problems can be frustrating, but they\u2019re fixable. Whether it&#8217;s a file format, cache, or theme conflict, you now have a step-by-step plan to get your fonts working on the frontend.<\/p>\n<p>If you still can\u2019t fix the issue or want hands-on help,\u00a0<strong><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.woohelpdesk.com\/\">WooHelpDesk<\/a><\/span> is here for you.<br \/>\n<\/strong>\u00a0We offer expert WordPress and Elementor support that\u2019s fast, friendly, and tailored to your site.<\/p>\n<p><strong>Need help right now?<br \/>\n<\/strong>\u00a0Visit<a href=\"https:\/\/www.woohelpdesk.com\/\"> www.woohelpdesk.com<\/a> and get your Elementor problems solved today.<\/p>\n<p>Let us handle the technical issues so you can focus on growing your business.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Table of Contents Introduction Common Symptoms and Complaints Why Elementor Custom Fonts Fail to Load Step-by-Step Troubleshooting Guide Advanced Fixes for Custom Font Issues Prevention Tips to Avoid Future Font Problems Elementor Itself Not Loading? That Could Be the Real Problem Why This Matters Conclusion Introduction Elementor is one of the most popular page builders [&hellip;]<\/p>\n<div class='heateor_sss_sharing_container heateor_sss_vertical_sharing heateor_sss_bottom_sharing' style='width:29px;left: 10px;top: 250px;-webkit-box-shadow:none;box-shadow:none;' data-heateor-sss-href='https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/3115'><div class=\"heateor_sss_sharing_ul\"><a aria-label=\"Facebook\" class=\"heateor_sss_facebook\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F3115\" title=\"Facebook\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg\" style=\"background-color:#0765FE;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M28 16c0-6.627-5.373-12-12-12S4 9.373 4 16c0 5.628 3.875 10.35 9.101 11.647v-7.98h-2.474V16H13.1v-1.58c0-4.085 1.849-5.978 5.859-5.978.76 0 2.072.15 2.608.298v3.325c-.283-.03-.775-.045-1.386-.045-1.967 0-2.728.745-2.728 2.683V16h3.92l-.673 3.667h-3.247v8.245C23.395 27.195 28 22.135 28 16Z\"><\/path><\/svg><\/span><\/a><a aria-label=\"X\" class=\"heateor_sss_button_x\" href=\"https:\/\/twitter.com\/intent\/tweet?text=WooHelpDesk%20Blog%20%E2%80%93%20WordPress%20%26%20WooCommerce%20Tips%20and%20Tutorials%20-%20&url=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F3115\" title=\"X\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_x\" style=\"background-color:#2a2a2a;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg width=\"100%\" height=\"100%\" style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M21.751 7h3.067l-6.7 7.658L26 25.078h-6.172l-4.833-6.32-5.531 6.32h-3.07l7.167-8.19L6 7h6.328l4.37 5.777L21.75 7Zm-1.076 16.242h1.7L11.404 8.74H9.58l11.094 14.503Z\"><\/path><\/svg><\/span><\/a><a aria-label=\"Linkedin\" class=\"heateor_sss_button_linkedin\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F3115\" title=\"Linkedin\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_linkedin\" style=\"background-color:#0077b5;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path d=\"M6.227 12.61h4.19v13.48h-4.19V12.61zm2.095-6.7a2.43 2.43 0 0 1 0 4.86c-1.344 0-2.428-1.09-2.428-2.43s1.084-2.43 2.428-2.43m4.72 6.7h4.02v1.84h.058c.56-1.058 1.927-2.176 3.965-2.176 4.238 0 5.02 2.792 5.02 6.42v7.395h-4.183v-6.56c0-1.564-.03-3.574-2.178-3.574-2.18 0-2.514 1.7-2.514 3.46v6.668h-4.187V12.61z\" fill=\"#fff\"><\/path><\/svg><\/span><\/a><a aria-label=\"Pinterest\" class=\"heateor_sss_button_pinterest\" href=\"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/3115\" onclick=\"event.preventDefault();javascript:void( (function() {var e=document.createElement('script' );e.setAttribute('type','text\/javascript' );e.setAttribute('charset','UTF-8' );e.setAttribute('src','\/\/assets.pinterest.com\/js\/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());\" title=\"Pinterest\" rel=\"noopener\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_pinterest\" style=\"background-color:#cc2329;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"-2 -2 35 35\"><path fill=\"#fff\" d=\"M16.539 4.5c-6.277 0-9.442 4.5-9.442 8.253 0 2.272.86 4.293 2.705 5.046.303.125.574.005.662-.33.061-.231.205-.816.27-1.06.088-.331.053-.447-.191-.736-.532-.627-.873-1.439-.873-2.591 0-3.338 2.498-6.327 6.505-6.327 3.548 0 5.497 2.168 5.497 5.062 0 3.81-1.686 7.025-4.188 7.025-1.382 0-2.416-1.142-2.085-2.545.397-1.674 1.166-3.48 1.166-4.689 0-1.081-.581-1.983-1.782-1.983-1.413 0-2.548 1.462-2.548 3.419 0 1.247.421 2.091.421 2.091l-1.699 7.199c-.505 2.137-.076 4.755-.039 5.019.021.158.223.196.314.077.13-.17 1.813-2.247 2.384-4.324.162-.587.929-3.631.929-3.631.46.876 1.801 1.646 3.227 1.646 4.247 0 7.128-3.871 7.128-9.053.003-3.918-3.317-7.568-8.361-7.568z\"\/><\/svg><\/span><\/a><a aria-label=\"Telegram\" class=\"heateor_sss_button_telegram\" href=\"https:\/\/telegram.me\/share\/url?url=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F3115&text=WooHelpDesk%20Blog%20%E2%80%93%20WordPress%20%26%20WooCommerce%20Tips%20and%20Tutorials%20-%20\" title=\"Telegram\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_telegram\" style=\"background-color:#3da5f1;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M25.515 6.896L6.027 14.41c-1.33.534-1.322 1.276-.243 1.606l5 1.56 1.72 5.66c.226.625.115.873.77.873.506 0 .73-.235 1.012-.51l2.43-2.363 5.056 3.734c.93.514 1.602.25 1.834-.863l3.32-15.638c.338-1.363-.52-1.98-1.41-1.577z\"><\/path><\/svg><\/span><\/a><a aria-label=\"Whatsapp\" class=\"heateor_sss_whatsapp\" href=\"https:\/\/api.whatsapp.com\/send?text=WooHelpDesk%20Blog%20%E2%80%93%20WordPress%20%26%20WooCommerce%20Tips%20and%20Tutorials%20-%20%20https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F3115\" title=\"Whatsapp\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg\" style=\"background-color:#55eb4c;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"-6 -5 40 40\"><path class=\"heateor_sss_svg_stroke heateor_sss_no_fill\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" d=\"M 11.579798566743314 24.396926207859085 A 10 10 0 1 0 6.808479557110079 20.73576436351046\"><\/path><path d=\"M 7 19 l -1 6 l 6 -1\" class=\"heateor_sss_no_fill heateor_sss_svg_stroke\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"><\/path><path d=\"M 10 10 q -1 8 8 11 c 5 -1 0 -6 -1 -3 q -4 -3 -5 -5 c 4 -2 -1 -5 -1 -4\" fill=\"#fff\"><\/path><\/svg><\/span><\/a><\/div><div class=\"heateorSssClear\"><\/div><\/div>","protected":false},"author":1,"featured_media":3127,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-3115","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-errors"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/3115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/comments?post=3115"}],"version-history":[{"count":2,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/3115\/revisions"}],"predecessor-version":[{"id":4036,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/3115\/revisions\/4036"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/media\/3127"}],"wp:attachment":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/media?parent=3115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/categories?post=3115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/tags?post=3115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}