How do I change the position of my feedback button?

If you want to change the position of your feedback button on the website, you can edit this yourself. To do this, please follow the instructions below: 

Step 1: Feedback forms

Go to 'Data Collection' on the left-hand side and click on 'Feedback forms'.

Step 2: Edit

Now you will see a screen with the feedback forms you've created. Click on the feedback form you'd like to edit by clicking on the pencil button.

Step 3: Design

Once you've clicked on the pencil, the feedback form will load and you can change your settings. To change the settings for the feedback button, click on 'DESIGN' in the top bar of your feedback form menu.

Step 4: Form

The screen below will appear. You can find the button settings on the right side of this page, under ‘FORM’.

Step 5: Type and Style

Here you can choose whether you want your button to be of type label or floating. You can also adjust the position and the shape of your button, under ‘Feedback button type’ and ‘Form style’, respectively.

Step 6: Mobile view

Furthermore, you can also choose whether you want the same button style for your desktop and mobile forms. To change the button in your mobile form, under the ‘Form’ tab, go to ‘Mobile’. Here you can also adjust the breakpoint; the maximum screen size for which your form will be shown in mobile view, its default value is 544px.

Step 7: Save & preview

Once you've selected the position and style of your feedback button, don't forget to click on the 'save button' in the top right corner. You can, thereafter, see the result by clicking the blue "preview" button.

Change feedback button position with CSS

In your feedback form, go to ‘Design’>'Form'. Below, you will have the option to add custom CSS. To change the location of the slide-in button, add the following code:

.mopinion-survey-content button.btn.btn-open-slider{ padding-right:90px!important; }

 

Video Walkthrough