Question:
Working on implementing Google Customer Review Survey opt-in to our checkout confirmation page. The opt-in box appears too wide for the screen for mobile users and results in needing to scroll to the right in order to view the whole page.
GCR implementation is done through an HTML element with Wix Velo and runs a script. The code given to render the opt-in is as follows:
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script>
<script>
window.renderOptIn = function() {
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render(
{
// REQUIRED FIELDS
"merchant_id": ###########,
"order_id": "ORDER_ID",
"email": "CUSTOMER_EMAIL",
"delivery_country": "COUNTRY_CODE",
"estimated_delivery_date": "YYYY-MM-DD",
// OPTIONAL FIELDS
"products": [{"gtin":"GTIN1"}, {"gtin":"GTIN2"}]
});
});
}
</script>
Is there any code that can be added or changed so that it fits within the bounds of the screen or the html element to make it visible without scrolling to the right? Many of our sales take place on mobile and people will be unlikely to opt-in to participate in the survey if it is not all visible.