Custom Button for Magento 2
Wrap links in customizable buttons to smoothly embed them into your website. Proactively interact with your site visitors by simple yet efficient UX enhancement.
- Create custom buttons of any color and size
- Locate buttons anywhere on your store
- Specify custom text for your buttons to use them for multiple purposes
- Redirect shoppers anywhere you need by linking buttons with specific URLs
Challenge
Vanilla Magento settings do not provide enough flexibility in the creation of custom Magento buttons. Usually admin users configure buttons only if they are already integrated into some other custom blocks or extensions, otherwise, it takes time on designing a custom one whenever needed.
Solution
Save time by using a ready-made customizable button for multiple purposes. Create custom ‘Download’, ‘Add to cart’, ‘Submit form’, ‘Subscribe’ and any other type of buttons in a few clicks to convert visitors into leads. Adjust the button’s visualization, text, size, color and locate it at any place of your store via widget.
Why is having a custom button convenient?
Pick up any location for the button depending on your needs
Create unique design of your button to fit in with your store style
Convert visitors into leads in various ways (e.g. ‘Subscribe’)
Get more opportunities in UX customization
Place it anywhere you need
Design shopping experience of your customers in the most profitable way for your store. Embed custom buttons into the places that you think will bring these buttons more views. Set up catchy animation on hover to simulate more clicks.
Add custom text for a button
Flexibly change content for your buttons so they can meet your business goals. Show alternative content on button hover. Specify catchy call-to-actions or neutral tips on what’s behind it, like ‘Download a file’.
Adjust button design for your site style
Let the buttons mimic in line with your store’s design. Pick up the right colors for the button’s border, text, and background. You can also round the button angles by specifying a border radius.
Resize buttons’ elements proportionally
As you change the size of the button’s text, the button itself will change its size proportionally. Thus, you don’t have to configure the size of the text and a Magento button itself separately.
Tips on how to use a custom Magento button
Attach custom forms and surveys
Use the button for gathering more info about your customers. If you practice the creation of custom survey forms with third-party services, like Google Forms, you can use a custom button to link a Google Form with your website.
There’s also a way to create custom forms that are fully integrated with your website. In fact, they gather and store the submitted customer’s data through your site’s backend, and they can also be flexibly customized on the frontend to meet a specific purpose.
→ See the ready-made forms for Magento
Offer to download additional product info
Provide customers with some extra media files or .pdf documents about some useful info about your products or services. Just link a custom button to the relevant file source in order to provide this file downloading. Locate the ‘Download’ button on CMS or product pages.
In order to unify and automate providing the additional info about the products over the site, we recommend using the Product Attachments extension. It supports 25+ file types and allows them to attach info to products, categories, and CMS pages.
→ See how to attach files to products
Let buyers negotiate on price
Some products may need a special approach regarding the pricing strategy. If you feel that there’s a space for making sales more efficient for certain products or special offers, then try replacing the ‘Add to cart’ button with the ‘Request a Quote’ button, linked with some third-party form.
In order to make your interaction with clients requesting quotes more automated and efficient, we recommend considering the installation of the specified Request a Quote extension. It will connect customer requests with your admin panel directly.
→ See how the Request a quote mod works
Motivate to subscribe to a newsletter
Apart from the classic newsletter subscription block in the footer, with custom buttons you have an extra opportunity to convert store visitors into loyal returning customers. Embed the button in some extra places that you think will be more visible for the site guests.
By the way, for our Jet Theme we have designed a unique customizable block for a newsletter subscription. For this widget you can set a custom background and configure its display so that the block will be visible on any store page (i.e., cross-cutting).
→ Learn more about the Jet Theme
Other Features
- 100% Open Source — Easy To Customize
- Follows Magento Code Architecture
- Separated HTML/CSS/JS
- Simple installation via Composer
