How to insert html code into the popup?

  • Resolved sanaconeltantra

    (@sanaconeltantra)


    3 years, 11 months ago

    Hi,
    I would like to insert a whole html page into the popup or maybe just some part of it, how can I do that?
    NB : there is some JS inside the html
    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Bel

    (@belimperial)

    Hello @sanaconeltantra

    Thank you for reaching out!

    You may use the text tab on the popup editor to add HTML code on the popup.
    Please see this sample:https://share.getcloudapp.com/4gu2Kgbz

    You may also use the Remote Content extension plugin to easily add the internal page/post on the popup content or use an iframe to display the content from a different website.

    For Remote Content documentation, you may check it here.

    I hope that helps.

    Let us know if you have any questions and if this solves the issue, would you be so kind to take a moment to rate and review the plugin.
    If you still need help please message us directly at https://wppopupmaker.com/support/

    Thread Starter sanaconeltantra

    (@sanaconeltantra)

    Thank you for your response.
    Yes I tried the Text method but the html code doesn’t display properly at all.
    How can I be sure the remote content add-on will display it well this way. The html code is pretty big, more than 1MB of data
    The code is created by the Twine project
    And outputs something like this :


    …..
    !important}[data-t8n^=flicker].transition-in{animation:flicker .8s}[data-t8n^=flicker].transition-out{animation:flicker .8s reverse}
    </style>
    </head>
    <body>
    <tw-story><noscript><tw-noscript>JavaScript needs to be enabled to play Excelerate.</tw-noscript></noscript></tw-story>
    <tw-storydata name=”Excelerate” startnode=”1″ creator=”Twine” creator-version=”2.3.13″ ifid=”5E11D4F7-2A93-40B2-BD33-47006818B492″ zoom=”0.6″ format=”Harlowe” format-version=”3.2.1″ options=”” hidden><style role=”stylesheet” id=”twine-user-stylesheet” type=”text/twine-css”></style><script role=”script” id=”twine-user-

    Thread Starter sanaconeltantra

    (@sanaconeltantra)

    I found a solution using the iframe and specifying the other html page but the youtube fullscreen function is unavailable (message appearing when I try to click on the square icon) inside the pop-up whereas fullscreen mode is clickable inside the video if I call the html page directly. Any idea?

    Thread Starter sanaconeltantra

    (@sanaconeltantra)

    I just needed to add the allowfullscreen in this iframe as well because it wasn’t fetching that option from the iframe in the html page

    Hello @sanaconeltantra – apologies for any delays.

    Thanks for letting us know and we are glad to know that you already figured out a solution for this.

    Should you have any other questions or concerns, just let us know. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to insert html code into the popup?’ is closed to new replies.