How to add a second button to ribbon section in Zelle
Zelle Pro comes with two ribbon sections, one with a button on the bottom and one on right. This guide will show you how you can add the a second button to the bottom button ribbon section. First make sure that you are using a child theme.
Copy your /sections/ribbon_with_bottom_button.php to your child theme, and find the following part of the code:
if(isset($zerif_accessibility) && $zerif_accessibility == 1) { echo '<button class="btn btn-primary custom-button green-btn" onclick="window.location=\''.esc_url($zerif_bottomribbon_buttonlink).'\';"><span class="screen-reader-text">'.wp_kses_post($zerif_bottomribbon_buttonlabel).'</span>'.wp_kses_post($zerif_bottomribbon_buttonlabel).'</button>'; } else { echo '<a href="'.esc_url($zerif_bottomribbon_buttonlink).'" class="btn btn-primary custom-button green-btn">'.wp_kses_post($zerif_bottomribbon_buttonlabel).'</a>'; }
Then add the following code just below:
if(isset($zerif_accessibility) && $zerif_accessibility == 1) { echo '<button class="btn btn-primary custom-button green-btn" onclick="window.location=\'http://yoursite.com \'"><span class="screen-reader-text">Button Label</span>Button Label</button>'; } else { echo '<a href="http://yoursite.com" class="btn btn-primary custom-button green-btn">Button Label</a>'; }
Just replace the link to yoursite.com and Button Label in the above code, and save it. That's all. Remember that this button won't appear in the Customizer.