To make the shopping experience on your site easier for visitors we integrated the possibility to talk to an expert into the design of your website. This feature is optional and can be easily set up within minutes. It will be can be added to the product detail page on demand.

Simply add the onclick-event ="amazd.toggle()"

Adding the following button to your website will enable you to open the widget when clicking onto the button.

<button onclick="amazd.toggle()">
Contact our experts
</button>

This is the easiest implementation of a button.

Image & Button

You can give the button a class to integrate it seamlessly into your website or change it via HTML/ CSS.

1. In case you want to display an image behind the button you can simply add the HTML and place the image behind

<div class="container">
<img src="img_snow.jpg" alt="Snow">
<button onclick="amazd.toggle()" class="btn">Button</button>
</div>

‍

2. And add the CSS

/* Container needed to position the button. Adjust the width as needed */
.container {
position: relative;
width: 50%;
}​
/* Make the image responsive */
.container img {
width: 100%;
height: auto;
}
/* Style the button and place it in the middle of the container/image */
.container .btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-color: #555;
color: white;
font-size: 16px;
padding: 12px 24px;
border: none;
cursor: pointer;
border-radius: 5px;
}
.container .btn:hover {
background-color: black;
}

‍