Button Styles

Button Styles

For your convenience, we have created a number of built-in button styles, so that you can choose the ones that fit best with your website design.

Regular icons

This is the default presentation, with no options customized

<div class="onscribe" data-product="f66aedd6c5d6ea7a0fd3b7d2ec329727"></div>

Small icons

For smaller icons use the class small-icons

<div class="onscribe small-icons" data-product="f66aedd6c5d6ea7a0fd3b7d2ec329727"><!-- --></div>

Short text

<div class="onscribe short-text" data-product="f66aedd6c5d6ea7a0fd3b7d2ec329727"><!-- --></div>

Long text

This text version always appends the provider's name:

<div class="onscribe long-text" data-product="f66aedd6c5d6ea7a0fd3b7d2ec329727"><!-- --></div>

Custom text

If you want to replace the work "subscribe" you can use the attribute data-prompt

<div class="onscribe long-text" data-prompt="Pay" data-product="f66aedd6c5d6ea7a0fd3b7d2ec329727"><!-- --></div>