Without a doubt, the most useful feature is the seemingly endless customization capability — not for a particular widget, but all of them.
Case in point, I was recently attempting to add a Contact Feedback popup to an existing hand-coded contact form. After the usual modifying the text to my liking and configuring the send-email credentials, I discovered several things.
- The right side of the popup was offscreen on mobile phones - easily fixed with a media-querty that set a negative margin-left and a bit less padding to WidgetBackground__Container-sc.
- Now that the mobile display was fixed by, the Close button (“X”) was outside the widget container — fixed by another media-query that moved it down and to the left. While there, I took the opportunity to change the color of the button.
- The smilies were clustered to the left but I preferred them to be centered. There is already published custom CSS for making them justified to the width of the container, but that’s not what I wanted either. I was able to modify the code so they were centered but only took up about 75% of container width.
- The dimmed background behind the popup did not match other modals on my site. Custom CSS to the rescue once again! Setting the background-color and transparency level was just a single line of code, and everything now matched.
My point is that this customizing capability is not limited to a particular widget or template. It may take a little experimentation to get it just right, but typing “Ctrl Shift-C” and then hovering over the element in question will quickly reveal the CSS class that needs modifying, and then it’s just a matter of adding the appropriate code. If you are not familiar with CSS syntax, bookmark this page, it is a near-complete index of all CSS options. Is all this worth the effort? The number of incoming emails generated from the Feedback popup, and the increased time-on-site and resulting conversions from it and other widgets say YES.