Getting Started

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>

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.

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>

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

Example

Here is a minimal HTML example that integrates Movello. See the demo here: https://embed.demo.movello.se

<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

Was this helpful?