Skip to main content
Custom Code Block

Movement lets you build your own App without coding or design expertise. When you add a block, you're adding HTML to your app without writing the code yourself.

Updated over 2 weeks ago

Adding a Custom Code Block to a page

  1. Hit [+ Add Block].

  2. Access the Elements Toolbar from the ‘Add Block’ menu.

  3. Locate the Custom Code Block under the ‘Files & Embed’ section.

  4. Click on it, or drag and drop it onto the page.

💡 Note: Adding code to your app is an advanced modification that falls outside the scope of our customer support. We highly recommend that you have coding knowledge before adding custom code. Code you add in a custom code block may conflict with your app’s underlying code, and you may have difficulty styling these changes.

Adding code to the block

  1. Once the Custom Code block has been added to the page, click on it, and you’ll see that it has one input field, and an opening and closing script tag.

2. This block accepts any HTML, CSS and JavaScript, so it’s extremely versatile.

3. This means it can be used to update the layout, styling and functionality of the page where it is included, as well as to embed widgets, documents or forms from a third party service.

4. To add your code to the block, simply type or copy and paste the code into the ‘Code’ input field, then hit ‘Save & Publish’.

Code Block vs Embed Block

Our Embed Block utilizes oEmbed technology, allowing you to easily embed content by simply entering an embed URL from a supported provider e.g. Spotify, Calendly, Apple Podcasts, etc. This method automatically retrieves the necessary HTML from the provider, streamlining the embedding process without needing to configure any code. This block is recommended for non-developers or people who are not familiar with code.

💡 Note: the general guide line, is that if the "embed code" starts with <iframe> then it can be embedded using the Embed Block, but if it starts with <script> it cannot, and should be added using the Custom Code Block. The Embed Block has it’s own <iframe> tag so will strip all of the HTML contained inside the code you paste in and just look for the embed URL. You can still feel free to paste in the entire <iframe> snippet into the Embed Block, and you will notice only the URL remains.

Here is an example of an embed code that can be copy and pasted directly into the Embed Block.

This is what it will look like when pasted into to the embed block and saved:

If you have more advanced and customisable code that you’d like to add to a page, or are trying to embed something from a third party service that does not utilise oEmbed technology, you can do this with the Custom Code block.

Did this answer your question?