Embed Orderla Page

This feature enable you to embed Orderla page to your website. Whether partially, as popup or fullpage.

To start enable your form to embed to another webpage you need to enable this feature to make sure the form work correctly.

First go to your form editing page.

Scroll down to Form Embedding card.

Check 'Embedded inside iframe' on.

Then click 'Copy' button on the right side to copy the all the code on the clipboard.

Paste the code into your HTML page.

The sample code is like below for reference:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0001, user-scalable=no" >
  <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
  <title>Order Form</title>
</head>
<body style="padding:0;margin:0;overflow:hidden;">

  <iframe 

    frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"
    src="<replace with orderla form url start with https://>"   
    
  >
  </iframe>
  
</body>
</html>

PreviousWhatsApp Blasting to Customer List NextSupport International Number Code

Last updated 3 years ago

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0001, user-scalable=no" >
  <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
  <title>Order Form</title>
</head>
<body style="padding:0;margin:0;overflow:hidden;">

  <iframe 

    frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"
    src="<replace with orderla form url start with https://>"   
    
  >
  </iframe>
  
</body>
</html>