{"id":4969,"date":"2022-08-03T05:46:56","date_gmt":"2022-08-03T05:46:56","guid":{"rendered":"https:\/\/wordpress.yololiv.com\/?p=4969"},"modified":"2025-02-06T07:19:06","modified_gmt":"2025-02-06T07:19:06","slug":"how-to-create-web-url-overlays-on-yolocast-beginners-guide","status":"publish","type":"post","link":"https:\/\/www.yololiv.com\/blog\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/","title":{"rendered":"How to Create Web URL Overlays on YoloCast [Beginner&#8217;s Guide]"},"content":{"rendered":"\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_46 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\">Table of 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=\"ez-toc-toggle-icon-1\"><label for=\"item-6ab3d86a648fd\" aria-label=\"Table of Content\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #000000;color:#000000\" 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: #000000;color:#000000\" 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><\/label><input  type=\"checkbox\" id=\"item-6ab3d86a648fd\"><\/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-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.yololiv.com\/blog\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#What_is_Web_URL_Overlay\" title=\" What is Web URL Overlay\"> What is Web URL Overlay<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.yololiv.com\/blog\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#Introducing_YoloCast\" title=\"Introducing YoloCast\">Introducing YoloCast<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.yololiv.com\/blog\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#How_to_Add_Web_URL_Overlays_on_YoloCast\" title=\"How to Add Web URL Overlays on YoloCast?\">How to Add Web URL Overlays on YoloCast?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.yololiv.com\/blog\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#Future_Consideration\" title=\"Future Consideration\">Future Consideration<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.yololiv.com\/blog\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#Subscribe_to_our_newsletter_to_get_the_latest_news_and_product_updates\" title=\"\n        Subscribe to our newsletter  to get the latest news and product updates!\n      \">\n        Subscribe to our newsletter  to get the latest news and product updates!\n      <\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_is_Web_URL_Overlay\"><\/span> What is Web URL Overlay<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Whether you are a pro live streamer or just a beginner, the impact of the visual design for the live stream cannot be ignored by us. The graphic overlay is one of the most commonly used visual elements in the live stream to enhance the available content. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"1024\" height=\"638\" src=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/Professional-pic-31-1024x638.png\" alt=\"\" class=\"wp-image-5015\" srcset=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/Professional-pic-31-1024x638.png 1024w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/Professional-pic-31-300x187.png 300w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/Professional-pic-31-150x93.png 150w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/Professional-pic-31-768x478.png 768w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/Professional-pic-31.png 1114w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>With the development of streaming, right now we have more tools to design our own graphic overlays. Web URL overlay is a new beloved type for broadcasters. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It is convenient to use and edit in the process of live streaming<\/li>\n\n\n\n<li>Does not have high requirements for the computer hardware like for other software (PS or AE). <\/li>\n\n\n\n<li>The design would also be stored online, so that you can use it wherever you want. <\/li>\n\n\n\n<li>Websites would also provide some preset templates for the users who want to save time from the original designs. <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introducing_YoloCast\"><\/span>Introducing YoloCast<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong><a href=\"http:\/\/yololiv.com\/yolocast-overview\" target=\"_blank\" rel=\"noopener\">YoloCast<\/a> <\/strong>is a go-to live streaming platform that gives you more control than ever to deliver professional live videos and engage your audience. You can host, monetize and broadcast with a superior viewing experience. With three different plans available, you can choose it by comparing these plans with the various functions provided in each plan. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/4-1024x462.png\" alt=\"\" class=\"wp-image-4971\" srcset=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/4-1024x462.png 1024w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/4-300x135.png 300w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/4-150x68.png 150w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/4-768x346.png 768w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/4-1536x693.png 1536w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/07\/4.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>But for Web URL overlay, it is totally<strong> free<\/strong> via the Overlay App option. You can enter the Overlay Apps either in the free trial or after the free trial is ended. It is also planned to cooperate with the YoloBox serials in the future update. Here we would use the online graphic overlays in it as an example for the use. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_Add_Web_URL_Overlays_on_YoloCast\"><\/span>How to Add Web URL Overlays on YoloCast?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>For updated information please check: <a href=\"https:\/\/www.yololiv.com\/blog\/how-to-use-the-overlay-lab-on-yolocast-2025-updated\/\">How to Use the Overlay Lab on YoloCast? (2025 Updated)<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:17px\">#1 Add App<\/h3>\n\n\n\n<p>To create your graphic overlay, you can either choose the available templates on the top or click the Add New Overlay button on My Overlays. Right now the Templates include Basketball, Football, Soccer, Plaver Bio, Scroll Text, Lower Part, Lower Standard, Badminton ScoreBoard, and CountDown. If you want to design your own graphic overlay or template, there is the <strong>Composition<\/strong> option for you to add it.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"608\" data-id=\"18582\" src=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.18.37-1024x608-1.png\" alt=\"\" class=\"wp-image-18582\" srcset=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.18.37-1024x608-1.png 1024w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.18.37-1024x608-1-300x178.png 300w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.18.37-1024x608-1-150x89.png 150w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.18.37-1024x608-1-768x456.png 768w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.18.37-1024x608-1-585x347.png 585w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"608\" data-id=\"18584\" src=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.19.55-1024x608-1.png\" alt=\"\" class=\"wp-image-18584\" srcset=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.19.55-1024x608-1.png 1024w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.19.55-1024x608-1-300x178.png 300w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.19.55-1024x608-1-150x89.png 150w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.19.55-1024x608-1-768x456.png 768w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/\u622a\u5c4f2025-01-15-16.19.55-1024x608-1-585x347.png 585w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>After choosing the options to add the App, you would enter the monitor of the Web URL  which can be easily separated into 4 parts, playlist, control, preview, and output.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:17px\">#2 Preview&amp;Output Windows<\/h3>\n\n\n\n<p>As we can see on the monitor page, there are two separated windows to show the overlays you add to the screen. These windows do not have any featured option to modify the overlays, but to check what it looks like on the screen.<\/p>\n\n\n\n<p>The preview window is the section in which you can check if the overlays are ready to be posted. If you change any settings for the overlay, it would show directly in the preview section, especially for the location of the overlay on the screen. Knowing what would it be like before you push it to the audience will avoid many mistakes and get you prepared.<\/p>\n\n\n\n<p>The output window is the real-time display of your Web URL on the live stream. In this section, you can arrange the appearance and hide the overlays one by one following the script. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/6-1024x462.png\" alt=\"\" class=\"wp-image-5198\" srcset=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/6-1024x462.png 1024w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/6-300x135.png 300w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/6-150x68.png 150w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/6-768x346.png 768w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/6-1536x693.png 1536w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/6.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:17px\">#3 Playlist Panel<\/h3>\n\n\n\n<p>The playlist is the list of overlays you use to control the display and its order on the list. You can have different playlists to group different types of overlays you can for better management.<\/p>\n\n\n\n<p>Take your overlays on and off-air by clicking on the play and pause buttons for the output window. The eye icon next to it would only adjust the on and off-air in the preview window. Do take care of the option you use while adjusting the show-up in windows since the overlay could be posted before the editing.<\/p>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"605\" height=\"388\" src=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/9.png\" alt=\"\" class=\"wp-image-5185\" srcset=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/9.png 605w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/9-300x192.png 300w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/9-150x96.png 150w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:17px\">#4 Control Panel<\/h3>\n\n\n\n<p>Control is for the details of the graphic overlays you want to adjust. For example, you can change the name,  the time of resisting, height number, and position Y for the scrolling text. Different types of overlays you add would have different settings. And the modified result is in the preview for you to confirm. When it&#8217;s ready, you can click the update to save the edition.<\/p>\n\n\n\n<p>Note: Make sure to frequently use the red &#8220;<strong>Update<\/strong>&#8221; button&nbsp;if you are not seeing any changes to your overlay contents that you update on-air.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"1024\" height=\"661\" src=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/14-1024x661.png\" alt=\"\" class=\"wp-image-5200\" srcset=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/14-1024x661.png 1024w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/14-300x194.png 300w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/14-150x97.png 150w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/14-768x496.png 768w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/14.png 1322w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:17px\">#5 Add Web URL Overlay to Your Stream<\/h3>\n\n\n\n<p>After all the setup is ready, you can click the &#8220;<strong>Copy Output Url<\/strong>&#8221; on the top right of the page to get the web link. For YoloBox, if the link is too long to be typed in, you can use <a href=\"https:\/\/bitly.com\/\" target=\"_blank\" rel=\"noopener\">Bitly<\/a> to shorten and enter it as the Web URL Overlay. <\/p>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"661\" height=\"542\" src=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/11.png\" alt=\"\" class=\"wp-image-5187\" srcset=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/11.png 661w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/11-300x246.png 300w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/11-150x123.png 150w\" sizes=\"(max-width: 661px) 100vw, 661px\" \/><\/figure><\/div>\n\n\n<p>In OBS,  you need to create a brand new overlay layer by selecting the &#8220;+&#8221; button in the Scenes panel and selecting &#8220;browser&#8221;. Then paste in your output URL and adjust the resolution settings. We recommend typing in 1920 for the width and 1080 for the height to have a better view. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/12-1024x509.png\" alt=\"\" class=\"wp-image-5188\" srcset=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/12-1024x509.png 1024w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/12-300x149.png 300w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/12-150x75.png 150w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/12-768x382.png 768w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/12-1536x763.png 1536w, https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/12.png 1916w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Future_Consideration\"><\/span>Future Consideration<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>It can be somehow overwhelming to understand all these tools and how they work in the YoloCast. But exploring them is simple and would bring you more sense of achievement. With the YoloCast, you can step forward by adding necessary information for the host and benefit from the live stream with an easy setup. <\/p>\n\n\n\n<p>To know about how to use the YoloCast, check the <a href=\"https:\/\/www.yololiv.com\/blog\/how-to-live-stream-a-quick-guide-for-beginners\/\">Beginner&#8217;s Guide<\/a> here.<\/p>\n\n\n\n<p>Interested in learning more about our new streaming solution YoloCast? Why not take advantage of our <strong>14-day free trial <\/strong>to test out all our great features for yourself? Click the button below to get started today. No credit card is required.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/dashboard.yololiv.com\/\" target=\"_blank\" rel=\"noopener\"><strong>GET STARTED FOR FREE<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p>Finally, for exclusive offers and regular tips on live streaming, you can also join our<a href=\"https:\/\/www.facebook.com\/groups\/434041921585447\" target=\"_blank\" rel=\"noreferrer noopener\"> <strong>Facebook Group.<\/strong><\/a><\/p>\n\n\n\n<link href=\"\/\/cdn-images.mailchimp.com\/embedcode\/classic-10_7.css\" rel=\"stylesheet\" type=\"text\/css\">\n<style type=\"text\/css\">\n  #mc_embed_signup {\n    background: #fff;\n    clear: left;\n  }\n\n  #mc_embed_signup .mc-field-group {\n    width: 100% !important;\n    padding: 0 0 16px !important;\n  }\n\n  #mc_embed_signup .button {\n    height: 42px !important;\n    line-height: 42px !important;\n    width: 100% !important;\n    font-weight: 700 !important;\n  }\n\n  #mc_embed_signup form {\n    padding: 0 !important;\n  }\n<\/style>\n<div id=\"mc_embed_signup\">\n  <form action=\"https:\/\/yololiv.us12.list-manage.com\/subscribe\/post?u=8af07a12e86d3e21b2de40766&amp;id=96c83b59b9\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" class=\"validate\" target=\"_blank\" novalidate=\"\">\n    <div id=\"mc_embed_signup_scroll\">\n      <h2 style=\"\n              font: 700 18px Montserrat-Bold, sans-serif;\n              text-align: center;\n              line-height: 27px;\n            \"><span class=\"ez-toc-section\" id=\"Subscribe_to_our_newsletter_to_get_the_latest_news_and_product_updates\"><\/span>\n        Subscribe to our newsletter <br>to get the latest news and product updates!\n      <span class=\"ez-toc-section-end\"><\/span><\/h2>\n      <div class=\"mc-field-group\">\n        <label for=\"mce-EMAIL\">Email <span class=\"asterisk\">*<\/span><\/label>\n        <input type=\"email\" value=\"\" name=\"EMAIL\" class=\"required email\" id=\"mce-EMAIL\">\n      <\/div>\n      <div class=\"mc-field-group\">\n        <label for=\"mce-MMERGE1\">Name <\/label>\n        <input type=\"text\" value=\"\" name=\"MMERGE1\" class=\"\" id=\"mce-MMERGE1\">\n      <\/div>\n      <div class=\"mc-field-group\">\n        <label for=\"mce-MMERGE2\">Country <\/label>\n        <input type=\"text\" value=\"\" name=\"MMERGE2\" class=\"\" id=\"mce-MMERGE2\">\n      <\/div>\n      <div hidden=\"true\"><input type=\"hidden\" name=\"tags\" value=\"3519455\"><\/div>\n      <div id=\"mce-responses\" class=\"clear\">\n        <div class=\"response\" id=\"mce-error-response\" style=\"display: none\"><\/div>\n        <div class=\"response\" id=\"mce-success-response\" style=\"display: none\"><\/div>\n      <\/div>\n      <div style=\"position: absolute; left: -5000px\" aria-hidden=\"true\">\n        <input type=\"text\" name=\"b_bb6ee898fb147bda3aaeaa869_cee2d6728d\" tabindex=\"-1\" value=\"\">\n      <\/div>\n      <div class=\"clear\">\n        <input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\">\n      <\/div>\n    <\/div>\n  <\/form>\n<\/div>\n<script type=\"text\/javascript\" src=\"\/\/s3.amazonaws.com\/downloads.mailchimp.com\/js\/mc-validate.js\"><\/script>\n<script type=\"text\/javascript\">\n  (function($) {\n    window.fnames = new Array();\n    window.ftypes = new Array();\n    fnames[0] = 'EMAIL';\n    ftypes[0] = 'email';\n    fnames[1] = 'MMERGE1';\n    ftypes[1] = 'text';\n    fnames[2] = 'MMERGE2';\n    ftypes[2] = 'text';\n    fnames[3] = 'MMERGE3';\n    ftypes[3] = 'text';\n    fnames[4] = 'MMERGE4';\n    ftypes[4] = 'text';\n  })(jQuery);\n  var $mcj = jQuery.noConflict(true);\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is Web URL Overlay Whether you are a pro live streamer or just a beginner,&hellip;<\/p>\n","protected":false},"author":6,"featured_media":18586,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1,5,169],"tags":[143,170,171,124,127],"class_list":["post-4969","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-and-tricks","category-how-to","category-yolocast","tag-countdown-timer","tag-online-overlay","tag-overlay","tag-web-url-overlay","tag-yolocast"],"aioseo_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create Web URL Overlays on YoloCast [Beginner&#039;s Guide] -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Web URL Overlays on YoloCast [Beginner&#039;s Guide] -\" \/>\n<meta property=\"og:description\" content=\"What is Web URL Overlay Whether you are a pro live streamer or just a beginner,&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-03T05:46:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-06T07:19:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/Blog\u5c01\u9762-Hazel-23.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1764\" \/>\n\t<meta property=\"og:image:height\" content=\"1152\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cerise Xu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wordpress.yololiv.com\/#website\",\"url\":\"https:\/\/wordpress.yololiv.com\/\",\"name\":\"YoloLiv Blog\",\"description\":\"Practical tips and expert advice for live streaming\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wordpress.yololiv.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#primaryimage\",\"url\":\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/Blog\u5c01\u9762-Hazel-23.png\",\"contentUrl\":\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/Blog\u5c01\u9762-Hazel-23.png\",\"width\":1764,\"height\":1152,\"caption\":\"Web URL overlay\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#webpage\",\"url\":\"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/\",\"name\":\"How to Create Web URL Overlays on YoloCast [Beginner's Guide] -\",\"isPartOf\":{\"@id\":\"https:\/\/wordpress.yololiv.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#primaryimage\"},\"datePublished\":\"2022-08-03T05:46:56+00:00\",\"dateModified\":\"2025-02-06T07:19:06+00:00\",\"author\":{\"@id\":\"https:\/\/wordpress.yololiv.com\/#\/schema\/person\/9e28c16e4a8fd93839f6f14f62df6216\"},\"breadcrumb\":{\"@id\":\"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wordpress.yololiv.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create Web URL Overlays on YoloCast [Beginner&#8217;s Guide]\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wordpress.yololiv.com\/#\/schema\/person\/9e28c16e4a8fd93839f6f14f62df6216\",\"name\":\"Cerise Xu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wordpress.yololiv.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/06\/\u5fae\u4fe1\u56fe\u7247_20220623181010-96x96.jpg\",\"contentUrl\":\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/06\/\u5fae\u4fe1\u56fe\u7247_20220623181010-96x96.jpg\",\"caption\":\"Cerise Xu\"},\"description\":\"Cerise is a support specialist at YoloLiv with three years of experience working as a Customer Support Specialist in the consumer electronics industry. She also produces articles including video productions, tips and tricks and expert knowledge in the audiovisual industry.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create Web URL Overlays on YoloCast [Beginner's Guide] -","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:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Web URL Overlays on YoloCast [Beginner's Guide] -","og_description":"What is Web URL Overlay Whether you are a pro live streamer or just a beginner,&hellip;","og_url":"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/","article_published_time":"2022-08-03T05:46:56+00:00","article_modified_time":"2025-02-06T07:19:06+00:00","og_image":[{"width":1764,"height":1152,"url":"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/Blog\u5c01\u9762-Hazel-23.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cerise Xu","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/wordpress.yololiv.com\/#website","url":"https:\/\/wordpress.yololiv.com\/","name":"YoloLiv Blog","description":"Practical tips and expert advice for live streaming","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wordpress.yololiv.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#primaryimage","url":"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/Blog\u5c01\u9762-Hazel-23.png","contentUrl":"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/08\/Blog\u5c01\u9762-Hazel-23.png","width":1764,"height":1152,"caption":"Web URL overlay"},{"@type":"WebPage","@id":"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#webpage","url":"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/","name":"How to Create Web URL Overlays on YoloCast [Beginner's Guide] -","isPartOf":{"@id":"https:\/\/wordpress.yololiv.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#primaryimage"},"datePublished":"2022-08-03T05:46:56+00:00","dateModified":"2025-02-06T07:19:06+00:00","author":{"@id":"https:\/\/wordpress.yololiv.com\/#\/schema\/person\/9e28c16e4a8fd93839f6f14f62df6216"},"breadcrumb":{"@id":"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wordpress.yololiv.com\/how-to-create-web-url-overlays-on-yolocast-beginners-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wordpress.yololiv.com\/"},{"@type":"ListItem","position":2,"name":"How to Create Web URL Overlays on YoloCast [Beginner&#8217;s Guide]"}]},{"@type":"Person","@id":"https:\/\/wordpress.yololiv.com\/#\/schema\/person\/9e28c16e4a8fd93839f6f14f62df6216","name":"Cerise Xu","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wordpress.yololiv.com\/#\/schema\/person\/image\/","url":"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/06\/\u5fae\u4fe1\u56fe\u7247_20220623181010-96x96.jpg","contentUrl":"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2022\/06\/\u5fae\u4fe1\u56fe\u7247_20220623181010-96x96.jpg","caption":"Cerise Xu"},"description":"Cerise is a support specialist at YoloLiv with three years of experience working as a Customer Support Specialist in the consumer electronics industry. She also produces articles including video productions, tips and tricks and expert knowledge in the audiovisual industry."}]}},"_links":{"self":[{"href":"https:\/\/www.yololiv.com\/blog\/wp-json\/wp\/v2\/posts\/4969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yololiv.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yololiv.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yololiv.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yololiv.com\/blog\/wp-json\/wp\/v2\/comments?post=4969"}],"version-history":[{"count":20,"href":"https:\/\/www.yololiv.com\/blog\/wp-json\/wp\/v2\/posts\/4969\/revisions"}],"predecessor-version":[{"id":18585,"href":"https:\/\/www.yololiv.com\/blog\/wp-json\/wp\/v2\/posts\/4969\/revisions\/18585"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yololiv.com\/blog\/wp-json\/wp\/v2\/media\/18586"}],"wp:attachment":[{"href":"https:\/\/www.yololiv.com\/blog\/wp-json\/wp\/v2\/media?parent=4969"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yololiv.com\/blog\/wp-json\/wp\/v2\/categories?post=4969"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yololiv.com\/blog\/wp-json\/wp\/v2\/tags?post=4969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}