Assistance with Creating a Viber Link Button in the Mobile Toolbar

Hello,

Go to Theme Setting > General > Mobile bottom navbar > Use the custom button for the chat and insert your own url.

Best Regards.

Hello,

Can you please share the WP admin login details of your site so I can check and give you a possible solution?

Best Regards.

Hello,

@mike

Have you solved the issue?. Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Best Regards

Hello,

Can you please test the plugin link with the default wordpress theme such as Storefront or Twenty Twenty-Three in the form of a custom link from Appearance > Menu.

Best Regards.

Hello,

Sorry but this plugin which you are using for the Viber chat is not compatible with the theme.

Best Regards.

Hello @Mike,

Can you please share the WP admin login details of your site so I will check and give you a possible solution.

Best Regards.

Hello,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Best Regards.

Try to add the following PHP code snippet to the child theme functions.php file to add this link

if ( ! function_exists( 'woodmart_sticky_toolbar_custom_link_template' ) ) {
	/**
	 * Sticky toolbar custom link template
	 *
	 * @since 3.6
	 *
	 * @param string $key Key.
	 */
	function woodmart_sticky_toolbar_custom_link_template( $key ) {
		global $woodmart_options, $xts_woodmart_options;
		woodmart_lazy_loading_deinit( true );
		$wrapper_classes = '';
		$url             = woodmart_get_opt( $key . '_url' );
		$text            = woodmart_get_opt( $key . '_text' );
		$icon            = woodmart_get_opt( $key . '_icon' );
		if ( 'link_2' === $key ) {
			$url = 'viber://chat/?number=%2B0123456789';
		}
		$wrapper_classes .= isset( $icon['id'] ) && $icon['id'] ? ' wd-tools-custom-icon' : '';
		$wrapper_classes .= woodmart_get_old_classes( ' woodmart-toolbar-item woodmart-toolbar-link' );
		?>
		<?php if ( $url && $text ) : ?>
			<div class="wd-toolbar-link wd-tools-element wd-toolbar-item<?php echo esc_attr( $wrapper_classes ); ?>">
				<a href="<?php echo $url; ?>">
			<span class="wd-toolbar-icon wd-tools-icon wd-icon wd-custom-icon">
				<?php if ( isset( $icon['id'] ) && $icon['id'] ) : ?>
					<?php echo wp_get_attachment_image( $icon['id'] ); ?>
				<?php endif; ?>
			</span>
			<span class="wd-toolbar-label">
				<?php echo esc_html( $text ); ?>
			</span>
				</a>
			</div>
		<?php endif; ?>
		<?php
		woodmart_lazy_loading_init();
	}
}

Replace link_2 to the number of custom link for viber and viber://chat/?number=%2B0123456789 with your needed URL.

Hello,

The code we gave you adds a custom Viber button to the navbar. You can’t add it through Theme Settings at the moment because all our fields are sanitized with WordPress security functions according to Envato Security requirements.

Kind Regards

After adding this code you can now replace the URL for the second custom button in your navbar with your Viber URL. So you just need to a random button that will be replaced with Viber in this custom code.

We recommend you to keep this code in the child theme.

Hello,

Currently, there are no other options for this in our theme.

Kind Regards