Version 2.2.2 styling / iFrame Issues

Can you help with any guidance as to how to manage this?

Hi @galapogos01

Thanks for getting in touch.

Can you please provide the url of your website?

I’d be happy to assist with this – there are a few ways we can change the size nd placement.

Thanks

Hi @galapogos01

If you have upgraded your plugin to the latest 2.3.0 then you should have a new setting in the Zip payment “Widget Region” and “Display Widget Mode”, then select correct region like Australia, in the “Display Widget Mode” you could select inline/iframe when you select inline you could use your CSS to override the Zip Widget to customized to fit your branding.

More technical, you will need to provide the following code if you are building your own plugin or complete custom build. Display iframe mode has advantage for not having your CSS to change the inside style, you could modify the outside wrapper CSS to set the height or widget the iframe will auto adjust that. But you could also choose inline code and use your own CSS to adjust the style.

<script type="text/javascript">
    var zip_widget_merchantId = '<ENTER YOUR ZIP PUBLIC KEY HERE>';
    var zip_widget_env = '<ENVIRONMENT (production or sandbox)>';
    var zip_widget_region = '<ENTER YOUR REGION CODE LIKE au,uk,nz,gb,us>';
    var zip_widget_product_widget = '<css selector insert into that element>';
    var zip_widget_cart_widget = '<css selector insert into that element>';
    var zip_widget_display_inline = '<ENTER true/false>';
</script>
<script defer async type="text/javascript" src="https://static.zipmoney.com.au/lib/js/zm-widget-js/dist/zip-widget.min.js"></script>

More guide please reference to https://zip-online.api-docs.io/v1/conversion-optimisation/widgets it is a bit old but it will be updated soon. Thanks

• This reply was modified 4 years ago by Zip Co Limited.

Thanks heaps! That’s a perfect response. Just a shame it took 5 months ??

Cheers,
Jason