Back to guides

Change the Button Location

AudioVisual
Hi everyone!
In this video, I’m going to show you how to change the position of your UserWay widget.
Woman wearing a UserWay shirt is speaking, her video is in a small box in the left corner of the screen. This box remains throughout the video.

The main screen shows a website for a film producer with four animated men on it.

Right now, you can see that UserWay widget is on the top-right of the site. So, I’m gonna show you how to change to a different position.The filmmaker’s website screen changes to show a different page of the website with an animated astronaut and green aliens surrounding him.
So click on the widget.The cursor goes to the UserWay icon in the upper-right corner of the screen and clicks on it.

The filmmaker’s website screen fades to show the same website with an animated alien looking at his reflection in an astronaut’s mask.

Go all the way down and click on “Manage.”The widget menu opens showing all the different features. The cursor moves down and clicks on the “Manage” link on the menu.
These are the widget settings.The menu changes to show the widget settings.

The filmmaker’s website screen image on the filmmaker’s website changes to a large monster hovering over a man and woman.

And to change the position, go to “Change the button location.”The cursor moves to the “Change the button location” link and clicks on it.

The filmmaker’s website screen changes to show a team of people dressed in futuristic armor.

There are eight different positions, so to choose the new button location just click on it.The widget menu changes to show the location menu. This is a drawing of a computer screen with eight circles indicating where you can place the widget. The cursor clicks on the upper-left circle and it turns blue.

The filmmaker’s website screen changes to show an image of a man, woman, and apes standing in the rain looking serious.

When you’re done, you can choose to apply the changes just to the current site.
Or you can choose to apply the changes to all the sites that you manage.
The cursor hovers over a large blue button to apply it to this website.

The cursor then hovers over another button beneath the blue one that says “Apply to all 10 sites.”

The filmmaker’s website screen changes to show a different page of the website with an animated astronaut and green aliens surrounding him.

In this tutorial, I’m just going to apply it to this current site.The cursor clicks on the blue button to apply the change to only this site.

The filmmaker’s website screen fades to show an animated alien looking at his reflection in an astronaut’s mask.

There you go.The widget and open change button location menu now switch to appear on the upper left of the screen.

The filmmaker’s website screen changes to a man walking a dog and a woman standing nearby.

And we’ve moved the widget to the new location.The screen does not change.
This is a permanent change, which means that anybody who visits your site will always see the widget on the top left,The filmmaker’s website screen changes to two people standing on a roof wearing chainmail.
unless you change it againThe filmmaker’s website screen changes to show an image of a man, woman, and apes standing in the rain looking serious.
Your visitors also have the option to temporary remove or hide the widget.The widget moves to the top-center of the screen and the menu closes.

The filmmaker’s website screen changes to show superheroes standing and looking forward.

I’ll show you how to do it.The filmmaker’s website screen changes to show a man holding a sword.
So if a user clicks on the widget, in this menu if they scroll down they can click on “Move/Hide.”The cursor moves and clicks on the widget. The widget menu opens and the cursor clicks on the “Move/Hide” link.
So if a user clicks on the widget, in this menu if they scroll down they can click on “Move/Hide.”The cursor moves and clicks on the widget. The widget menu opens and the cursor clicks on the “Move/Hide” link.
So if they feel like moving the widget for any reason they can do it too just by clicking on the new location and click on “Move Widget.”The “Move Widget” menu opens with a drawing of a computer screen and eight circles representing the locations where the widget can be placed. The top-center circle is checked and turned blue.

The cursor clicks on the upper-right circle and then clicks on the blue “Move widget button.” The widget and menu move to the upper-right.

The filmmaker’s website changes to show four animated men. It then fades to show drawings with red text.

Also, there’s the option to hide the widget.The cursor clicks on the “Hide Widget” link and the Hide Widget menu appears.
They can select the period, for the current session, a day, a week, or a month.The Hide Widget menu lists different durations to hide the widget. “The current session” is checked.

The filmmaker’s website shows an animated astronaut surrounded by green aliens.

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.The filmmaker’s website fades and the woman in the smaller box becomes the main image.
Also, don’t forget to subscribe!The woman continues talking and the screen fades to black.

Explore UserWay’s Accessibility Widget