How to add a second button to ribbon section in Zelle

Important notice: This product is now in maintenance mode and is no longer being actively developed or supported. Updates and bug fixes will not be provided unless they relate to security concerns.

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.