HTML custom code block (iFrame) displaying incorrectly

  • Unknown's avatar
    cartate · Member ·

    Hello,

    I am new to web development and all this HTMl business #stressful
    I am using a responsive webpage from quest.ai. The premise is develop the website on quest.ai and ‘all you have to do is add the URL from your Quest page to an iFrame code we share below’.

    The instructions are to create a custom HTML block on a new page in WordPress and just copy and paste. ‘This code will make a full screen iframe that will fit your responsive page your built in Quest. Once you publish this page, it will always take the latest published page out of Quest so you don’t have to mess with this HTML script more than one time.’

    The code I want to use is:

    The problem is the page displays correctly in the ‘Preview’ panel in the code block, but when I actually go to preview the entire site it is missing.

    FURTHERMORE,

    I need to use Paypal to collect payments for this class, but when I paste the HTML from Paypal, I encounter the exact same issue. The preview pane displays the code correctly, but when you preview the entire site, the code does not display correctly.

    Class Registration
    AEE Chapter Members $1,975.00 USD
    Non Member $2,100.00 USD

  • staff-mckluskey · Staff ·

    Hi there!

    You won’t be able to use iframe on a free site, you’ll want to upgrade to plan Business for it:

    https://wordpress.com/support/code/

    As for PayPal, you can add a button or check out the Simple Payments block:

    https://wordpress.com/support/wordpress-editor/blocks/simple-payments-block/

  • The topic ‘HTML custom code block (iFrame) displaying incorrectly’ is closed to new replies.