How to add Back to Top Button to a Bubble app

Embed Back to Top Button on Bubble in just a few steps

Embed Back to Top Button on Bubble

01
Step 1

First, copy the app’s HTML code.

To do so, in the app’s dashboard, go to “Add to Website”. Here, click on the green button (it will automatically copy the code).

install steps
02
Step 2

In your Bubble app editor, under the Design options, drag and add an HTML element to your app.

install steps
03
Step 3

Click on the HTML element and set the element configuration under the Display tab:


  1. First, paste the embed code you copied in the Common Ninja Editor.
  2. Check the “Display as an iFrame” checkbox.
  3. Check the “This element is visible on page load” checkbox.
  4. Uncheck the “Make this element fixed-width” checkbox.
  5. Check the “Apply a max-width when the page is stretched”
  6. Set the “Maximum width” to 100.
  7. Check the “Keep element proportions as the page is resized” checkbox.
  8. Set the width and height.


install steps
04
Step 4

Click on Preview to view the plugin in Preview Mode


install steps