Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

While you are still figuring out how the widget is going to look from the end user’s point of view, here is a simple trick to help you test the widget. That too, without needing any help from a developer.

Follow these steps:

  • Open https://codepen.io/pen/

  • Add following HTML code in the HTML section

  • Code Block
    languagehtml
    <!DOCTYPE html>
    <html>
      <head>
        <title>Test page</title>
      </head>
      <body>
        <div>
            <h1> This is a test page </h1>
        </div>
            (Add Javascript snippet from your ARN widget configuration here. 
            Make sure that <script> </script> tags appear only once)
      </body>
    </html>
  • Now get the Javascript snippet from ARN widget configuration & paste it just before the </body> tag.

  • Now the widget will load in the preview section. Click to expand.

  • Now you can make any changes to the widget configuration, save & just refresh the test page on codepen. That’s it.

On this page

Table of Contents
minLevel2
maxLevel4
stylesquare

Iframe
scrollingauto
srchttps://amoeboids.typeform.com/c/loItQqk5?typeform-cui-avatar=https://images.typeform.com/images/RsZMyNqkfNcY#url=/spaces/ARN/pages/1657700370/Release+pages+widgets1657995376/How+to+test+your+widget
width350
frameborderhide
alignmiddle
height250

Request support👨‍💻

Leave us a review(green star)