When you’re doing social networking the right way for your website it can bring huge amounts of traffic. Social is all about the visuals so if you want to make your content work well you need to use all the right visual cues.
But how do you make sure the right imagery – the imagery you want – is being used? How can you be in control when your content is shared, rather than let your social network of choice choose an image at random for you?
You need to make recommendations to social networks, so that they’ll know what you’d prefer to show. And to do this, you’ll need to use a language social networks understand.
That language is called Open Graph. In this article, I’ll discuss various ways of setting up Open Graph on your WordPress website.
What is the Open Graph Protocol?
The Open Graph protocol is a way to explain all the characteristics of an object, e.g. a post on your website, to make it richer in the context of social networks. By explaining the characteristics of your post, Social Networks will be able to understand (rather than guess) what the author had in mind for that article and then use it accordingly.
For example, if you don’t specify the open graph title for your post, social networks will have to guess it from the </code> tag of your HTML.</p>
<p>Finding the title of a post is quite trivial since it is fairly standard for people to use the name of the post in the <code><title></code> of the post, but the social network is still guessing your intent.</p>
<p>An even more practical example of how Open Graph is useful to you as a WordPress user is which image to show when your article is shared on social networks. If you don’t specify an Open Graph image, Facebook and other social networks will try to guess which image they should use as the preview to your article.</p>
<p>You’ll probably want to use your blog intro image to share after you’ve worked so hard at getting it designed.</p>
<p>However, it is quite often that mistakes are made when guessing the image to use as the preview. For example, the logo of your website may get picked up, or another image in the article, which was not meant as the article preview. An even worse experience would be if the image of an ad was picked up as the article preview.</p>
<p>This is where Open Graph can make all the difference.</p>
<h3>Basic tags available for WordPress Open Graph?</h3>
<p>We’ve already seen a couple of quick examples of Open Graph tags. Let’s discuss a few further examples of tags that we can use with our WordPress Open Graph.</p>
<p>This is the name that is used to share the post:</p>
<pre>og:title</pre>
<p>The preview image of your post. This is, of course, quite an important tag to enable the success of your social media campaigns:</p>
<pre>og:image</pre>
<p>This Open Graph tag will describe the actual URL to visit when the link is clicked:</p>
<pre>og:url</pre>
<p>The description is also something that is highly visible, so customizing this to encourage people to visit your site is essential. Many people actually use the meta description contents here, which many times have also been optimized for high click-through rates:</p>
<pre>og:description</pre>
<p>To explain these tags visually, here’s an example of how our WordPress Open Graph tags are translated when sharing a post on Facebook:</p>
<div class="pic-full ">
<figure style="width: 583px" class="wp-caption aligncenter"><img fetchpriority="high" decoding="async" class="attachment-670x670 size-670x670" src="https://dev.byteplate.com/wp-content/uploads/f-g/facebook-og-example.png" alt="An example of a WPMU DEV posted when shared to Facebook." width="583" height="670" /><figcaption class="wp-caption-text">An example of a WPMU DEV posted when shared to Facebook.</figcaption></figure>
</div>
<p>The type Open Graph tag describes whether the object being shared is an article, a video, music, a book, a user profile or a website. There are further tags which can be used to describe each specific type. You can have a look at the detailed tags which can be used in the <a href="http://ogp.me/#types">Open Graph types section</a>.</p>
<pre>og:type</pre>
<h3>Other Open Graph Tags Available for Describing Your Website’s Content</h3>
<p>Besides the above basic tags, there are a number of further Open Graph tags that can be used with your WordPress website to further describe the content.</p>
<p>Most of the Open Graph WordPress tags are optional, however, there’s lots of content that will be better enabled if these tags are populated correctly:</p>
<pre>og:audio</pre>
<p>and</p>
<pre>og:video</pre>
<p>If there is any kind of audio or video that can compliment this content, this OG tag can be used to describe it’s URL location:</p>
<pre>og:site_name</pre>
<p>Larger sites that have thousands of pieces of content may want to use this tag to denote that the content being shared is part of the larger branded site.</p>
<h4>Additional Tags within Specific OG Tags</h4>
<p>Some of the tags described above can also take additional descriptive tags. Let’s take the og<code>:image</code> as an example. Incidentally, og<code>:</code>video has exactly the same properties as og<code>:image</code>.</p>
<p>All of the below are additional properties that can be described using the corresponding Open Graph tags:</p>
<ul>
<li><code>og:image:url</code> – This is identical to <code>og:image</code> and can be used interchangeably.</li>
<li><code>og:image:secure_url</code> – This is the URL that should be used use if the website is accessible over HTTPS</li>
<li><code>og:image:type</code> – This tag describes the <a href="http://en.wikipedia.org/wiki/Internet_media_type">MIME type</a> of this image.</li>
<li><code>og:image:width</code> and <code>og:image:height</code> – these tags describe the dimensions of the image</li>
</ul>
<p>The following is a full example of using the <code>og:image</code> tag:</p>
<pre><code> </code>
<code></code>
<code> </code>
<code></code></pre>
<p>Other structured properties include:</p>
<ul>
<li><code>music.song</code></li>
<li><code>music.album</code></li>
<li><code>music.playlist</code></li>
<li><code>music.radio_station</code></li>
<li><code>video.movie</code></li>
<li><code>video.episode</code></li>
<li><code>video.tv_show</code></li>
</ul>
<p>All of these have their own tags that are used to provide additional details about the object.</p>
<p>But how do we go about implementing Open Graph tags in WordPress? There are a number of possible ways.</p>
<h3>Manually Setting Open Graph Tags</h3>
<p>I mentioned a bit further up in this article that you should be able to extract most of the information required for OG tags from your existing WordPress content.</p>
<p>Using some edits in your site’s <em>functions.php</em> file, you will be reading the data from your content and pushing it out as OG tags.</p>
<p>.gist table { margin-bottom: 0; }</p>
<div class="gist-oembed"></div>
<p>This is required such that social networks using your content will actually know that there are Open Graph tags being used to describe your WordPress content.</p>
<p>The below is actually picking up the specific parts of your WordPress content and constructing OG tags from them:</p>
<p>.gist table { margin-bottom: 0; }</p>
<div class="gist-oembed"></div>
<p>You’ll need to customize a few of the tags above, such as replace the og<code>:site_name</code> with the actual name of your site. You’ll also need to discover your Facebook admin id and replace it in the value of the fb<code>:admins</code> content tag.</p>
<h3>Setting up WordPress Open Graph Using a Plugin</h3>
<p>To take advantage of using Open Graph, you will need to setup your WordPress website such that this information is picked up as necessary from your content and added to any WordPress content.</p>
<p>If your primary social networking campaigns will be deployed through Facebook, you might want to install the official <a href="https://wordpress.org/plugins/facebook/">WordPress Facebook plugin</a>. As at the time of writing, this plugin has not been updated for a while so you may want to skip it for more recently updated versions of plugins.</p>
<p>There are a few other plugins you might want to check out. <a href="https://wordpress.org/plugins/open-graph-protocol-framework/">Open Graph Protocol Framework</a> is the new kid on the block. It’s really simple to get up and running and it doesn’t require any Facebook App to be created, which is a plus.</p>
<p>Another option for OG tags is the <a href="https://wordpress.org/plugins/wp-facebook-open-graph-protocol/">WP Facebook Open Graph protocol</a> plugin. The plugin adds all the important Facebook Open Graph Meta tag information to your site. It requires a Facebook App to be setup correctly, which feels a little bit of overkill given that it’s mostly spitting out the OG tags.</p>
</div>
<div class="pic-full-screen ">
<figure style="width: 850px" class="wp-caption aligncenter"><img decoding="async" class="attachment-1364x1364 size-1364x1364" src="https://dev.byteplate.com/wp-content/uploads/t-u/ultimate-facebook.png" alt="Our Ultimate Facebook plugin provides an easy way for you to add Open Graph tags to your WordPress website." width="850" height="565" /><figcaption class="wp-caption-text">Our Ultimate Facebook plugin provides an easy way for you to add Open Graph tags to your WordPress website.</figcaption></figure>
</div>
<div class="container">
<h3>Ultimate Facebook Plugin: Not Just Open Graph Tags</h3>
<p>Most of this post has been about social networks.</p>
<p>Let’s face it, though, in most circumstances, Facebook is the social network of choice you should be focusing on.</p>
<p>The lifetime of a tweet on Twitter is very short, measured in minutes or even seconds. Google+ is not exactly the hottest and trendiest social network despite several years of iterations of development and attempts at merging it into all of your Google products. LinkedIn has its strong points and groups. Ello? Are you still alive and kicking? My most recent visit (only for the sake of writing this article) showed me it has rebranded to “The Creators Network.” It seems it’s niching its audience in the hopes of success.</p>
<p>Facebook, on the other hand, despite several predictions of its untimely demise, is still the busiest community out there.</p>
<p>It has billions of very engaged users. If you’ve got money to spend, spend it on Facebook 😉 You’ll be doing yourself a favor.</p>
<p>Why am I sucking up so much to Facebook? Unfortunately, I’m not a shareholder, nor have I got any relation to Zuckerberg.</p>
<p>There’s a very simple but very valid reason.</p>
<p>One of the ways of making your website more successful is by creating an engaged community. By integrating your website tightly with Facebook you are riding piggyback on the popularity of the social network. You’ll slowly pull in the Facebook community to your website and keep them engaged with your brand through Facebook. By making your website and Facebook mostly seamless, you’re engaging with your community on their own terms.</p>
<p>Now, how do you go about making your website and Facebook come together?</p>
<p>Enter the <a href="https://premium.wpmudev.org/project/ultimate-facebook/">Ultimate Facebook plugin</a></p>
<p>Whilst I’m not going to go into detail here describing the whole feature set of this plugin, it’s important to highlight a few of its benefits.</p>
</div>
<p><!-- end container --></p>
<div class="full-blogad full-blogad-seo" id="full-blogad-156652">
<div class="full-blogad-container">
<div class="row">
<div class="col-sm-24 col-md-11 col-md-offset-1 col-md-push-12">
<h3>SEO</h3>
<h4>Boost your traffic with SmartCrawl</h4>
<p>SmartCrawl supercharges your SEO using proven methods for optimization, ensuring high impact results with little effort. Set up automated sitemap generation, alert search engines when you have new and updated content, and control exactly how your web pages are displayed in search results.</p>
<p> <a href="#" class="ghost-button-arrow i-wpmudev-tail-arrow open-trial">TRY SMARTCRAWL FREE</a><br />
<a href="https://premium.wpmudev.org/project/smartcrawl-wordpress-seo/" class="no-button">Find out more</a>
</div>
<div class="col-sm-24 col-md-10 col-md-offset-2 col-md-pull-12">
<img decoding="async" src="https://premium.wpmudev.org/wp-content/themes/wpmudev-2015-1/assets/img/trial/seo.svg">
</div>
</div>
<p><!-- end row --></div>
<p><!-- end full-blogad-container --></div>
<p><!-- end full-blogad --></p>
<div class="container">
<h4>1. You Get All of the Essential WordPress Open Graph Tags</h4>
<p>We’ve been searching for ways to create WordPress Open Graph tags using plugins. This is another of the easy ones as already discussed. It’s also got a specific feature, which is better than the rest of the plugins I tested.</p>
<p>I mentioned that there are quite a few Open Graph tags that are not used by every site, since they are for very specific types of content. Ultimate Facebook allows you to insert additional Open Graph headers manually.</p>
<div class="pic-full ">
<figure style="width: 670px" class="wp-caption aligncenter"><img decoding="async" class="attachment-670x670 size-670x670" src="https://dev.byteplate.com/wp-content/uploads/f-g/Facebook_OpenGraph.png" alt="Facebook Open Graph support parameters" width="670" height="608" /><figcaption class="wp-caption-text">Facebook Open Graph support.</figcaption></figure>
</div>
<h3>2. Eliminate the Registration Barrier from Your Site</h3>
<p>You probably want your users to register on your site to bring about more benefits for them. Yet, whether you like it or not, registration is a barrier.</p>
<p>If you were to get rid of the barrier you would have much faster growth. With Ultimate Facebook and Connect, users will be able to register for your site using their Facebook account. This means registration becomes a simple one-click process.</p>
<div class="pic-full ">
<figure style="width: 670px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="attachment-670x670 size-670x670" src="https://dev.byteplate.com/wp-content/uploads/f-g/Facebook_connect.png" alt="Allowing registration to your WordPress site through Facebook" width="670" height="598" /><figcaption class="wp-caption-text">Allowing registration to your WordPress site through Facebook</figcaption></figure>
</div>
<h3>3. Setup Facebook Comments on WordPress</h3>
<p>Deciding whether to use native WordPress comments or choosing between <a href="https://www.dart-creations.com/wordpress/wordpress-tips-and-tricks/wordpress-comments-plugins.html">WordPress comments systems</a> is something of a decision that is not to be taken too lightly. The reality is that if you want to switch between comment systems, the likelihood is that you’re going to lose some information in the transfer.</p>
<p>Facebook comments is the best of most worlds. It’s a great way of integrating Facebook with your website. It also brings about additional features which the native WordPress comments system does not have such as Liking comments and displaying comments by comments or popularity.</p>
<p>Of course, the fact users don’t need to register to comment removes another engagement barrier.</p>
<p>And there’s another bonus – using Facebook comments makes your site less prone to comment spam. Real Facebook user profiles are unlikely to be used to spam other websites because it will leave a negative impact on their profile.</p>
<h4>4. Post Articles and Updates Automatically to Your Facebook Accounts</h4>
<p>Auto-posting your articles to Facebook makes it much easier for your to bring your audience back to your website.</p>
<h3>The importance of WordPress OG tags</h3>
<p>Open Graph tags are essential for your WordPress website if you want to be in full control of the way your content is shared on social media. It’s certainly worth doing because it not only helps you stand out from the crowd and draw more clicks and view, but you’re also helping search engines better display your content.</p>
<div class='yarpp-related-rss'>
<p>Related posts:</p>
<ol>
<li><a href="https://premium.wpmudev.org/blog/social-media-plugins/" rel="bookmark" title="The Ultimate Social Media Plugin Guide for WordPress">The Ultimate Social Media Plugin Guide for WordPress </a> <small>Everybody knows by now that social media is important, so…</small></li>
<li><a href="https://premium.wpmudev.org/blog/integrating-social-media-with-wordpress-the-ultimate-plugin-guide/" rel="bookmark" title="Integrating Social Media With WordPress: The Ultimate Plugin Guide">Integrating Social Media With WordPress: The Ultimate Plugin Guide </a> <small>Social media transformed the way that people share information online….</small></li>
<li><a href="https://premium.wpmudev.org/blog/manage-social-media/" rel="bookmark" title="Tips and Tricks to Manage Your WordPress Social Media Campaigns Like a Pro">Tips and Tricks to Manage Your WordPress Social Media Campaigns Like a Pro </a> <small>It seems like everything has a hashtag and is shareable…</small></li>
<li><a href="https://premium.wpmudev.org/blog/social-media-sharing/" rel="bookmark" title="How to Get More People to Share Your Content on Social Media With WordPress">How to Get More People to Share Your Content on Social Media With WordPress </a> <small>How your posts appear when shared on social media can…</small></li>
</ol>
</div>
</div></section></main>
</div>
<footer id="page-footer" class="l-footer" itemscope itemtype="https://schema.org/WPFooter"><section class="l-section wpb_row height_large color_footer-top" id="section-19"><div class="l-section-h i-cf"><div class="g-cols vc_row via_flex valign_top type_default stacking_default"><div class="vc_col-sm-12 wpb_column vc_column_container"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="g-cols wpb_row us_custom_24643770 via_flex valign_top type_default stacking_default"><div class="vc_col-sm-6 wpb_column vc_column_container"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="wpb_text_column"><div class="wpb_wrapper"></p>
<h2>Ready to Discuss?</h2>
<p>Specify your contact details and consulting services you’re interested in. Our experts will contact you in no time.</p>
<p>
</div></div></div></div></div><div class="vc_col-sm-6 wpb_column vc_column_container"><div class="vc_column-inner"><div class="wpb_wrapper"><form class="w-form us-field-style_1 layout_ver show_message_after_sending for_cform us_form_1" action="https://dev.byteplate.com/wpmu-dev/how-to-add-facebook-open-graph-meta-tags-to-wordpress-themes/" method="post" style="--fields-gap:10px"><div class="w-form-h"><div class="w-form-row for_email required">
<div class="w-form-row-field">
<input aria-label="Your Email" type="email" name="us_form_1_email_1" value placeholder="Your Email *" data-required="true" aria-required="true"/>
</div>
<div class="w-form-row-state">Please enter a valid email address.</div>
</div>
<div class="w-form-row for_select">
<div class="w-form-row-field">
<select aria-label="us_form_1_select_1" name="us_form_1_select_1">
<option value="Business Strategy">Business Strategy</option><option value="Pricing">Pricing</option><option value="Customer Experience">Customer Experience</option> </select>
</div>
<div class="w-form-row-state">Select an option</div>
</div>
<input type="hidden" name="action" value="us_ajax_cform" />
<input type="hidden" name="post_id" value="100059" />
<input type="hidden" name="form_index" value="1" />
<input type="hidden" name="queried_object_id" value="10083" />
<input type="hidden" name="queried_object_type" value="post" />
<div class="w-form-row for_submit default_align_none laptops_align_none tablets_align_none mobiles_align_justify">
<button class="w-btn us-btn-style_2" aria-label="Contact Us" type="submit">
<span class="g-preloader type_1"></span>
<span class="w-btn-label">Contact Us</span>
</button>
</div>
</div><div class="w-form-message"></div><div class="w-form-json hidden" onclick='return {"ajaxurl":"https:\/\/dev.byteplate.com\/wp-admin\/admin-ajax.php","messages":{"err_empty":"Fill out this field","err_size":"File size cannot exceed %s MB","err_extension":"%s file type is not allowed","err_recaptcha_keys":"reCAPTCHA keys are incorrect"}}'></div></form></div></div></div></div><div class="w-separator size_large"></div><div class="w-hwrapper valign_middle wrap stack_on_mobiles default_align_justify laptops_align_justify tablets_align_center mobiles_align_center" style="--hwrapper-gap:3rem"><div class="wpb_text_column us_custom_fb1528c0"><div class="wpb_wrapper"></p>
<p>© Impreza Theme by UpSolution</p>
<p>
</div></div><nav class="w-menu layout_hor style_links us_menu_1" style="--main-gap:2.5vw;--main-ver-indent:0.8em;--main-hor-indent:0.8em;--main-color:inherit;"><ul id="menu-main-menu" class="menu"><li id="menu-item-100054" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-100054"><a href="https://dev.byteplate.com/">Home</a></li><li id="menu-item-100055" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-100055"><a href="#">About</a></li><li id="menu-item-100056" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-100056"><a href="#">Blog</a></li><li id="menu-item-100057" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-100057"><a href="#">Contact</a></li></ul><style>@media ( max-width:600px ){.us_menu_1 .menu{display:block!important}.us_menu_1 .menu>li{margin:0 0 var(--main-gap,2.5vw)!important}}</style></nav><div class="w-socials us_custom_b4198c51 color_text shape_none" style="--gap:0.75em;"><div class="w-socials-list"><div class="w-socials-item facebook"><a target="_blank" rel="nofollow" href="#" class="w-socials-item-link" aria-label="Facebook"><span class="w-socials-item-link-hover"></span><i class="fab fa-facebook"></i></a></div><div class="w-socials-item linkedin"><a target="_blank" rel="nofollow" href="#" class="w-socials-item-link" aria-label="LinkedIn"><span class="w-socials-item-link-hover"></span><i class="fab fa-linkedin"></i></a></div><div class="w-socials-item twitter"><a target="_blank" rel="nofollow" href="#" class="w-socials-item-link" aria-label="X"><span class="w-socials-item-link-hover"></span><i class="fab fa-x-twitter"><svg style="width:1em; margin-bottom:-.1em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="presentation"><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></i></a></div><div class="w-socials-item instagram"><a target="_blank" rel="nofollow" href="#" class="w-socials-item-link" aria-label="Instagram"><span class="w-socials-item-link-hover"></span><i class="fab fa-instagram"></i></a></div><div class="w-socials-item youtube"><a target="_blank" rel="nofollow" href="#" class="w-socials-item-link" aria-label="YouTube"><span class="w-socials-item-link-hover"></span><i class="fab fa-youtube"></i></a></div></div></div></div></div></div></div></div></div></section>
</footer><a class="w-toplink pos_right" href="#" title="Back to top" aria-label="Back to top" role="button"><i class="material-icons">keyboard_arrow_up</i></a> <button id="w-header-show" class="w-header-show" aria-label="Menu"><span>Menu</span></button>
<div class="w-header-overlay"></div>
<script id="us-global-settings">
// Store some global theme options used in JS
window.$us = window.$us || {};
$us.canvasOptions = ( $us.canvasOptions || {} );
$us.canvasOptions.disableEffectsWidth = 300;
$us.canvasOptions.columnsStackingWidth = 768;
$us.canvasOptions.backToTopDisplay = 100;
$us.canvasOptions.scrollDuration = 1000;
$us.langOptions = ( $us.langOptions || {} );
$us.langOptions.magnificPopup = ( $us.langOptions.magnificPopup || {} );
$us.langOptions.magnificPopup.tPrev = 'Previous (Left arrow key)';
$us.langOptions.magnificPopup.tNext = 'Next (Right arrow key)';
$us.langOptions.magnificPopup.tCounter = '%curr% of %total%';
$us.navOptions = ( $us.navOptions || {} );
$us.navOptions.mobileWidth = 900;
$us.navOptions.togglable = true;
$us.ajaxUrl = 'https://dev.byteplate.com/wp-admin/admin-ajax.php';
$us.templateDirectoryUri = 'https://dev.byteplate.com/wp-content/themes/Zephyr';
$us.responsiveBreakpoints = {"default":0,"laptops":1380,"tablets":1024,"mobiles":768};
$us.userFavoritePostIds = '';
</script>
<script id="us-header-settings">if ( window.$us === undefined ) window.$us = {};$us.headerSettings = {"default":{"options":{"custom_breakpoint":0,"breakpoint":"","orientation":"hor","sticky":true,"sticky_auto_hide":false,"scroll_breakpoint":"50px","transparent":0,"width":"300px","elm_align":"center","shadow":"thin","top_show":0,"top_height":"40px","top_sticky_height":"40px","top_fullwidth":0,"top_centering":0,"top_bg_color":"_header_top_bg","top_text_color":"_header_top_text","top_text_hover_color":"_header_top_text_hover","top_transparent_bg_color":"_header_top_transparent_bg","top_transparent_text_color":"_header_top_transparent_text","top_transparent_text_hover_color":"_header_top_transparent_text_hover","middle_height":"130px","middle_sticky_height":"60px","middle_fullwidth":1,"middle_centering":1,"elm_valign":"top","bg_img":"","bg_img_wrapper_start":"","bg_img_size":"cover","bg_img_repeat":"repeat","bg_img_position":"top left","bg_img_attachment":1,"bg_img_wrapper_end":"","middle_bg_color":"_header_middle_bg","middle_text_color":"_header_middle_text","middle_text_hover_color":"_header_middle_text_hover","middle_transparent_bg_color":"_header_transparent_bg","middle_transparent_text_color":"_header_transparent_text","middle_transparent_text_hover_color":"_header_transparent_text_hover","bottom_show":0,"bottom_height":"50px","bottom_sticky_height":"50px","bottom_fullwidth":0,"bottom_centering":0,"bottom_bg_color":"_header_middle_bg","bottom_text_color":"_header_middle_text","bottom_text_hover_color":"_header_middle_text_hover","bottom_transparent_bg_color":"_header_transparent_bg","bottom_transparent_text_color":"_header_transparent_text","bottom_transparent_text_hover_color":"_header_transparent_text_hover"},"layout":{"top_left":[],"top_center":[],"top_right":[],"middle_left":["menu:1"],"middle_center":["image:1","image:2"],"middle_right":["btn:1"],"bottom_left":[],"bottom_center":[],"bottom_right":[],"hidden":["text:2","text:3"]}},"laptops":{"options":{"custom_breakpoint":0,"breakpoint":"1380px","orientation":"hor","sticky":true,"sticky_auto_hide":false,"scroll_breakpoint":"50px","transparent":0,"width":"300px","elm_align":"center","shadow":"thin","top_show":0,"top_height":"40px","top_sticky_height":"40px","top_fullwidth":0,"top_centering":0,"top_bg_color":"_header_top_bg","top_text_color":"_header_top_text","top_text_hover_color":"_header_top_text_hover","top_transparent_bg_color":"_header_top_transparent_bg","top_transparent_text_color":"_header_top_transparent_text","top_transparent_text_hover_color":"_header_top_transparent_text_hover","middle_height":"110px","middle_sticky_height":"60px","middle_fullwidth":1,"middle_centering":1,"elm_valign":"top","bg_img":"","bg_img_wrapper_start":"","bg_img_size":"cover","bg_img_repeat":"repeat","bg_img_position":"top left","bg_img_attachment":1,"bg_img_wrapper_end":"","middle_bg_color":"_header_middle_bg","middle_text_color":"_header_middle_text","middle_text_hover_color":"_header_middle_text_hover","middle_transparent_bg_color":"_header_transparent_bg","middle_transparent_text_color":"_header_transparent_text","middle_transparent_text_hover_color":"_header_transparent_text_hover","bottom_show":0,"bottom_height":"50px","bottom_sticky_height":"50px","bottom_fullwidth":0,"bottom_centering":0,"bottom_bg_color":"_header_middle_bg","bottom_text_color":"_header_middle_text","bottom_text_hover_color":"_header_middle_text_hover","bottom_transparent_bg_color":"_header_transparent_bg","bottom_transparent_text_color":"_header_transparent_text","bottom_transparent_text_hover_color":"_header_transparent_text_hover"},"layout":{"top_left":[],"top_center":[],"top_right":[],"middle_left":["menu:1"],"middle_center":["image:1","image:2"],"middle_right":["btn:1"],"bottom_left":[],"bottom_center":[],"bottom_right":[],"hidden":["text:2","text:3"]}},"tablets":{"options":{"custom_breakpoint":0,"breakpoint":"1024px","orientation":"hor","sticky":true,"sticky_auto_hide":false,"scroll_breakpoint":"50px","transparent":0,"width":"300px","elm_align":"center","shadow":"thin","top_show":0,"top_height":"40px","top_sticky_height":"40px","top_fullwidth":0,"top_centering":0,"top_bg_color":"_header_top_bg","top_text_color":"_header_top_text","top_text_hover_color":"_header_top_text_hover","top_transparent_bg_color":"_header_top_transparent_bg","top_transparent_text_color":"_header_top_transparent_text","top_transparent_text_hover_color":"_header_top_transparent_text_hover","middle_height":"110px","middle_sticky_height":"60px","middle_fullwidth":1,"middle_centering":1,"elm_valign":"top","bg_img":"","bg_img_wrapper_start":"","bg_img_size":"cover","bg_img_repeat":"repeat","bg_img_position":"top left","bg_img_attachment":1,"bg_img_wrapper_end":"","middle_bg_color":"_header_middle_bg","middle_text_color":"_header_middle_text","middle_text_hover_color":"_header_middle_text_hover","middle_transparent_bg_color":"_header_transparent_bg","middle_transparent_text_color":"_header_transparent_text","middle_transparent_text_hover_color":"_header_transparent_text_hover","bottom_show":0,"bottom_height":"50px","bottom_sticky_height":"50px","bottom_fullwidth":0,"bottom_centering":0,"bottom_bg_color":"_header_middle_bg","bottom_text_color":"_header_middle_text","bottom_text_hover_color":"_header_middle_text_hover","bottom_transparent_bg_color":"_header_transparent_bg","bottom_transparent_text_color":"_header_transparent_text","bottom_transparent_text_hover_color":"_header_transparent_text_hover"},"layout":{"top_left":[],"top_center":[],"top_right":[],"middle_left":["menu:1"],"middle_center":["image:1","image:2"],"middle_right":["btn:1"],"bottom_left":[],"bottom_center":[],"bottom_right":[],"hidden":["text:2","text:3"]}},"mobiles":{"options":{"custom_breakpoint":0,"breakpoint":"768px","orientation":"hor","sticky":true,"sticky_auto_hide":false,"scroll_breakpoint":"50px","transparent":0,"width":"300px","elm_align":"center","shadow":"thin","top_show":0,"top_height":"40px","top_sticky_height":"40px","top_fullwidth":0,"top_centering":0,"top_bg_color":"_header_top_bg","top_text_color":"_header_top_text","top_text_hover_color":"_header_top_text_hover","top_transparent_bg_color":"_header_top_transparent_bg","top_transparent_text_color":"_header_top_transparent_text","top_transparent_text_hover_color":"_header_top_transparent_text_hover","middle_height":"90px","middle_sticky_height":"60px","middle_fullwidth":1,"middle_centering":1,"elm_valign":"top","bg_img":"","bg_img_wrapper_start":"","bg_img_size":"cover","bg_img_repeat":"repeat","bg_img_position":"top left","bg_img_attachment":1,"bg_img_wrapper_end":"","middle_bg_color":"_header_middle_bg","middle_text_color":"_header_middle_text","middle_text_hover_color":"_header_middle_text_hover","middle_transparent_bg_color":"_header_transparent_bg","middle_transparent_text_color":"_header_transparent_text","middle_transparent_text_hover_color":"_header_transparent_text_hover","bottom_show":0,"bottom_height":"50px","bottom_sticky_height":"50px","bottom_fullwidth":0,"bottom_centering":0,"bottom_bg_color":"_header_middle_bg","bottom_text_color":"_header_middle_text","bottom_text_hover_color":"_header_middle_text_hover","bottom_transparent_bg_color":"_header_transparent_bg","bottom_transparent_text_color":"_header_transparent_text","bottom_transparent_text_hover_color":"_header_transparent_text_hover"},"layout":{"top_left":[],"top_center":[],"top_right":[],"middle_left":["image:1","image:2"],"middle_center":[],"middle_right":["menu:1"],"bottom_left":[],"bottom_center":[],"bottom_right":[],"hidden":["btn:1","text:2","text:3"]}},"header_id":100058};</script><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/Zephyr-child/*","/wp-content/themes/Zephyr/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script src="https://dev.byteplate.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://dev.byteplate.com/wp-content/themes/Zephyr/common/js/base/passive-events.min.js?ver=8.43.1" id="us-passive-events-js"></script>
<script src="https://dev.byteplate.com/wp-content/themes/Zephyr/common/js/vendor/magnific-popup.js?ver=8.43.1" id="us-magnific-popup-js"></script>
<script src="https://dev.byteplate.com/wp-content/themes/Zephyr/common/js/base/header.no-cache.min.js?ver=8.43.1" id="us-header-no-cache-js"></script>
<script src="https://dev.byteplate.com/wp-content/themes/Zephyr/js/us.core.min.js?ver=8.43.1" id="us-core-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://dev.byteplate.com/wp-includes/js/wp-emoji-release.min.js?ver=031ab662b1cad8ed7307a6ca6b719926"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://dev.byteplate.com/wp-includes/js/wp-emoji-loader.min.js
</script>
<script></script></body>
</html>
<!-- Hummingbird cache file was created in 0.238774061203 seconds, on 23-03-26 5:42:10 -->
