The code element lets you add your own code to Mobiz landing pages, allowing for more functionality and flexibility in how you use landing pages. The opportunities are endless, which is why we've included a few possibilities below to inspire you to get started with your own code.

Ways you can use the code element

• Chatbot

• Calendar

• Social post

• HTML page

• Actual code

• Payment

Chatbot

Use the code element to add a chatbot to your landing page. This will allow your customers to open up the chatbot on your landing page and start chatting with you.

How to add a chatbot:

1. On the landing page editor, drag and drop the code element onto your landing page.

2. Using your preferred chatbot, copy the HTML code and paste it into the code element block.

3. If the chatbot doesn't appear immediately, you will need to select "Add iframe" underneath the code element block.

4. You can now adjust the height of your chatbot by specifying a pixel amount for height.

Calendar

Use the code element to add a booking calendar to your landing page. This will allow your customers to book an appointment on your landing page.

How to add a calendar:

1. On the landing page editor, drag and drop the code element onto your landing page.

2. Using your preferred calendar, copy the HTML code and paste it into the code element block.

3. If the calendar doesn't appear immediately you will need to select "Add iframe" underneath the code element block.

4. You can now adjust the height of your calendar by specifying a pixel amount for height.

Social post

Use the code element to add a social post to your landing page. This will allow you to showcase a post from your social media, which customers can click on to view your profile or make a comment.

How to add a social post:

1. On the landing page editor, drag and drop the code element onto your landing page.

2. On your chosen social post, copy the HTML code (usually under embed) and paste it into the code element block.

3. If the social post doesn't appear correctly you will need to select "Add iframe" underneath the code element block.

4. You can now adjust the height of your post by specifying a pixel amount for height.

HTML page

Use the code element to add an HTML page to your landing page. This will allow you to show a website within your landing page.

How to add an HTML page:

1. On the landing page editor, drag and drop the code element onto your landing page.

2. On your chosen HTML page, inspect the page, copy over the HTML code, and paste it into the code element block.

3. If the HTML page doesn't appear correctly you will need to select "Add iframe" underneath the code element block.

4. You can now adjust the height of your HTML page by specifying a pixel amount for height.

Actual code

Use the code element to add code to your landing page.

How to add code:

1. On the landing page editor, drag and drop the code element onto your landing page.

2. Copy your code of choice and paste it into the code element block.

3. If the code doesn't appear correctly you will need to select "Add iframe" underneath the code element block.

4. You can now adjust the height of your code by specifying a pixel amount for height.

Payment

Use the code element to add a payment button to your landing page. This will allow your customers to make a payment directly from your landing page.

How to add a payment button:

1. On the landing page editor, drag and drop the code element onto your landing page.

2. Using your chosen payment partner, copy the HTML code and paste it into the code element block.

3. If the payment button doesn't appear correctly you will need to select "Add iframe" underneath the code element block.

4. You can now adjust the height of your payment button by specifying a pixel amount for height.

We've taken a look at a few of the ways you can use the code element on your landing pages, however, the opportunities are endless and we suggest playing around with the element to see what works best for you and your business!