| Audio | Visual |
|---|---|
| Hi everyone. In this tutorial, I’m going to show you how to find your embed script. If you want to add a new site, or you want to share the script with your clients, I’ll show you where to find it. | Woman wearing a UserWay shirt is speaking, her video is in a small box in the lower left corner of the screen. This box remains throughout the video. The main screen shows a digital film producer’s website. A slideshow of stills from the producer’s work plays throughout the tutorial. |
| Click on the widget and go to “Manage.” | The cursor clicks the UserWay widget icon in the upper right corner of the web page. The “Accessibility” menu appears. The cursor clicks the “Manage” link in the menu’s lower left corner. The “Settings” menu appears. |
| In the “Widget Settings,” scroll down until you see “View the Widget’s Embed Script.” | The cursor scrolls down the “Settings” menu to the “View the widget’s embed script” link near the bottom of the list and clicks on it. The “Embed Script” window appears, with the “Basic” tab highlighted and the basic script displaying in the window |
| And here it is. | The “Embed Script” window appears, with the “Basic” tab highlighted and the basis script displaying in the window |
| You have three scripts. First one is the basic script. Then you have the advanced script that overrides the default widget values. I’ll explain how it works. | The cursor hovers over the basic script in the window, then moves to the “Advanced” tab and clicks it. The advanced script appears in the window. |
| I’m going to copy this code and bring it into a text editor. | The cursor highlights the advanced script and copies it. |
| Here it is. You can override the default position, the color, the language. I’ll show you how to do it. | The main screen shows a text editor |
| To override the language, here it is, you have to uncomment this value. And instead of English, I’ll add Spanish | The cursor scrolls to the “/* language” line in the text and deletes “/*.” The cursor moves to “en” in the language line and overtypes “es.” |
| Also, let’s override the color. So, uncomment it. | The cursor moves to the “/* color” line and deletes the “/*.” It then moves to “#059e67” in the color line and overtypes “#684a77” |
| I’m going to uncomment position, too. Instead of position 3, let’s add position 4. I’ll show you what happens when you share this code. So, let’s paste it on a site. | The cursor moves to the “/* position” line and deletes the “/*.” It then overwrites “3” with “4” |
| I’ve pasted the code. | The main image transitions to a travel agent’s site. |
| Here’s the widget. So, if you want to change the location… | The cursor moves to the UserWay widget icon in the bottom center of the web page and clicks it. The “Accessibility” menu appears in Spanish. The cursor moves to and clicks the “Manage” link. The “Settings” menu appears. The cursor clicks the “Change the Button Location” link. The “Change Button Location” window appears, with the bottom center option highlighted. The cursor clicks the upper right corner option. The UserWay logo and two banner images appear in the corners of the screen. |
| …let’s bring it to the top. Well, they won’t be able to do it, because the position is hard-coded in the script. | The “Change Button Location” window appears, with the bottom center option highlighted. The cursor clicks the upper right corner option. A message appears, advising the user that the position cannot be changed from this window. The user must first remove the position from the script. |
| And last, the white label script where there’s no trace to UserWay. | The “Change Button Location” window disappears. |
| To learn how to customize your widget’s look and feel, enable white label, agency mode, and other upgrades, check out the links in the description below. Also, don’t forget to subscribe. | The host appears in full screen, surrounded by the logo and banners. Video fades to black. |
Access Your Widget’s Embed Script
January 11, 2023
