How to add a button to request a quote in each tab of the Listable template

by

Subscribe to my channel:  

This time we are going to add a button to each tab.

To do so we have to use the WP Job Manager Field Editor plugin. The plugin is paid but you have it available for free in the premium area.

you can give sign up for €10/month here

The grace of adding the button in this way is that we can allow adding this button only in some of the plans, so it is a great incentive for them to pay for that addition.

When we add the field we have to check a series of options to get the field to become a link.

In the output options we have to check “Output as Link”.

As you can see in the tutorial we have given it a very cool button format. How we have done it by css in this same output options screen we have to add the class to give it the format.
In our case we add the word buttons.

Leaving all the options as follows:

How to add a button to request a quote in each tab of the Listable 1 template

As I mentioned before, to give the button format we need a certain style. To add it we go to Customize –> Additional CSS and add the following code:

.single-job_listing .botones {
    background-color: #ff4d55;
    border: 0;
    border-radius: 4px;
    color: white !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14.95px;
    padding: 12px 24px;
    text-align: center;
}
.single-job_listing .botones:hover {
    background-color: #484848;
}

And this way we will have some nice bottles to ask for the budget 😉

I hope you liked it.
regards
Oscar

Leave a comment