Question:
How to customize Web SDK push subscription bell button?
Answer:
In case if you would like to customize push button to better fit in your general website design, you can change such parameters as the bell's color, position, border, and shadow; moreover, it's possible to change the tooltip texts.
Here's the snippet of the parameters which can be customized, most of them speak for themselves.
Pushwoosh.push(['init', {
//...
subscribeWidget: {
enable: true,
position: 'bottomLeft', //possible values: ‘bottomLeft’, ‘bottomRight’, ‘topLeft’, ‘topRight’
bgColor: '#12AE7E',
bellColor: 'white',
bellStrokeColor: '#08754f',
bellButtonBorder: '1px solid #379676',
shadow: '0px 0px 6px rgba(0, 0, 0, 0.75)',
size: '48px',
indent: '20px',
zIndex: '999999',
tooltipText: {
successSubscribe: 'You are successfully subscribed!',
needSubscribe: 'Get notifications about important news!',
blockSubscribe: 'Click to see how to get notifications',
alreadySubscribed: 'You are already subscribed'
}
}
}]);
Comments
0 comments
Please sign in to leave a comment.