search

Getting Started

hashtag
1. Paste script to website

Add the following HTML script into your page's head tag

<script src="https://js.movello.se/embed/bundle.js"></script>
circle-exclamation

It is not recommended to download and host the script yourself as that removes the option for us to provide you with updated features and bug fixes.

hashtag
2. Run initialization on website

To initialize Movello, paste the following snippet to the place on your page where the Movello UI should appear:

<div id="movello"></div>
<script>window.onload = () => Movello.embed()</script>
circle-info

The Movello UI will be rendered inside the <div id="movello"></div> tag. Put this div where you want the Movello UI to appear!

hashtag
Example

Here is a minimal HTML example that integrates Movello. See the demo here: https://embed.demo.movello.searrow-up-right

<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
    <style>
      html {
        padding: 50px 10px;
        overflow-y: auto;
        background: #F8F4F1;
        font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      }
    </style>
    
    <!-- Snippet pasted from step 1 -->
    <script src="https://js.movello.se/bundle/embed.js"></script>
  </head>
  <body>
    <h1 style="text-align: center;">Min flytt</h1>
    
    <!-- Snippet pasted from step 2 -->
    <div id="movello"></div>
    <script>window.onload = () => Movello.embed()</script>
  </body>
</html>
Preview of the example HTML code to embed Movello
PreviousWelcome!NextCustomization and Styling

Last updated