Mobirise Kit Website Builder

Buy Themes and Extensions Mobirise

Social Navigation

mobirise code editor

Mobirise Code Editor Extension Premium

Mobirise Extension

This extension allows to edit the code of blocks in the app or add a special empty block for custom code. It’s a great feature for advanced developers, who know how to deal with code. More Info

The mobirise code editor is for inserting, editing, deleting elements and snippets of html and css as well as Javascript if necessary! Best extension ever created by mobirse!

Code Editor is a Mobirise extension that’s intended for advanced developers who know how to edit code. Using this extension you can edit the HTML/CSS code of every block. Also, with Custom HTML Block, you can insert your own or third-party code to extend your website functionality. Buy now!

How to install the extension

To add the extension to your Mobirise, follow simple steps from the email you received after the purchase.

  • To open Code Editor, click the blue “Code” icon in the top right corner of a block. 
  • To add the Custom HTML Block, drag it from the list of blocks. You can find it on the Extensions tab of the blocks list.
  • To add the code before or inside the head tag or to the footer, go to Page Settings. Open the main menu and go to the Pages list. Click on the blue “Gear” icon next to the needed page.

How to add code to the head or body part of a page

It’s possible to add code before the doctype declaration, inside the head part, or to the end of the body part.

  • Install the Code Editor extension.
  • Open the main menu in the app to find the Pages tab. Open it.
  • Click on the blue gear icon to find the needed fields. 
  • Also, you can change your page extension on the Page Settings panel.

Select a color scheme

The Code Editor extension offers three color schemes.

  • Open the main menu and go to the Account tab.
  • Click on the App Settings link.
  • You’ll see the Code Editor section. Find the Select Color Scheme list in it. Select one of color schemes: DefaultLight, or Contrast.

How to remove Mobirise mentions from the code

It’s possible with the Code Editor extension.

  • Open the main menu and go to the Account tab.
  • Click on the App Settings link.
  • You’ll see the Code Editor section. Find the Remove ‘Mobirise’ from HTML option in it. Check it if it isn’t checked yet.



Leave a Reply

Your email address will not be published. Required fields are marked *