Travelpayouts Plugin

  • Resolved manucausse

    (@manucausse)


    6 years ago

    Hi,

    I’am using a plugin “Travelpayouts” wich display flight search forms.
    There is two way to display the plugin :
    – by a shortcode : [tp_search_shortcodes slug=”1ba4ad24″]
    – by an iframe
    The two ways doesn’t work in amp mode.
    You can see it at the end of the post.
    I have put the iframe first (it seems to be good but the enter button doesn’t work)
    I have put the shortcode at second (there is nothing)

    https://direction-guyane.fr/la-guyane-voyages-en-avion/amp/
    https://direction-guyane.fr/la-guyane-voyages-en-avion

    I hope you will have a solution.
    Thanks a lot for your work.

    Regards.
    Emmanuel

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor ampforwp

    (@ampforwp)

    Hi @manucausse,

    It seems in the iframe tag, you’re not adding the width value because of this it’s getting a validation error and iframe is not rendering in AMP.

    Screenshot: https://take.ms/vgilm

    I recommend you to add the width value of the iframe. so it will render and work perfectly in AMP.

    Thank you.

    Thread Starter manucausse

    (@manucausse)

    Thank you for your help.
    I have added a width but there is no change.
    Any idea?
    Regards ;-))

    This is the iframe (in a divi text zone)
    <iframe scrolling=”no” width=”700″ height=”409″ frameborder=”0″ src=”https://www.travelpayouts.com/widgets/fa0eb24e1175e07d28f26b628ced340d.html?v=1600″></iframe&gt;

    • This reply was modified 6 years ago by manucausse.
    Plugin Contributor ampforwp

    (@ampforwp)

    Hi @manucausse,

    To work the form and submit button.Please add the ‘allow-forms’ in the sandbox attribute like this:

    <iframe scrolling=”no” width=”700″ height=”409″ frameborder=”0″ src=”https://www.travelpayouts.com/widgets/fa0eb24e1175e07d28f26b628ced340d.html?v=1600″
sandbox="allow-same-origin allow-scripts allow-forms allow-popups" ></iframe>

    Hope it helps.

    Thread Starter manucausse

    (@manucausse)

    Thanks a lot, that was the solution.
    Also I can use width:100% and height:auto. It’s working perfectly and I can have somthing more responsive on non-amp version.
    Great support !
    Regards.
    Emmanuel

    Plugin Contributor ampforwp

    (@ampforwp)

    Hi @manucausse,

    Thank you so much. We are glad to have you as a user.

    If you like the plugin, then please support us by leaving a feedback at https://www.ads-software.com/support/plugin/accelerated-mobile-pages/reviews/

    My team and I will really appreciate that.

    Plugin Contributor ampforwp

    (@ampforwp)

    And also I’m changing the topic’s status to resolved. If you have any other queries, feel free to create the new topic.

    Thank you

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Travelpayouts Plugin’ is closed to new replies.