1. Home
  2. ReHub Theme
  3. How to …
  4. How to add report button

How to add report button

If you have deals site, you may need something like button for report from users. For example, for broken links and deals, not correct prices or coupons. You can use simple plugin

Install plugin from WordPress repository with name Report content.

Update. This plugin is not good supported and sometimes has some problems, so, we also added some new options. Read below

There is more advanced and stable way to add custom report button. For this, you can use Contact Form 7 plugin which has much more possibilities. First of all, install plugin and create form. Configure basic fields of form. Maybe you don’t want to require user mail or subject.

Usually, my form settings has next code

<label> Your Name (required)
    [text* your-name] </label>

<label> Your Email (not required)
    [email your-email] </label>

<label> Report reason
    [select menu-121 "Broken link" "Wrong prices" "Wrong info" "Other"] </label>

<label> Additional message
    [textarea your-message] </label>

[submit "Send"]

Here, I delete subject, make email is not required and add dropdown with reasons of report. You can create own dropdown, just click on “drop-down menu” button.

Then, in tab “Mail” of form, you can add some mail tags, for example post title and post link where user clicked and submit form. For this, add to email Message body field next

-------------
This post has broken link [_post_title]
You can check your post here [_post_url]
-------------

My final Message body is usually

From: [your-name] <[your-email]>

Additional Message:
[your-message]

Reason:
[menu-121]

-- 
This e-mail was sent from a contact form on Rehub demo site (http://wpsoul.net)

Ok. Form is ready, not you can add it to post or product.

For posts – there are many custom code zones. You can find all of them in theme option – ads option – single page. For example, you can add custom code to end of each post.

Next tip is that you don’t need to show whole form, you can use our Popup button shortcode and place Contact form 7 shortcode inside. So, code for this will be

[wpsm_button_popup color="green" max_width="500" btn_text="Report broken link"][contact-form-7 id="2828" title="Report Form"][/wpsm_button_popup]

Don’t forget to change id of form in this code. This code will add next button

You can use another color and size, for example

[wpsm_button_popup color="red" size="small" max_width="500" btn_text="Report broken link"][contact-form-7 id="2828" title="Report"][/wpsm_button_popup]

You can find all available options in Popup button module of Page builder

Instead of popup, you can use also code for reveal block. Simply use next

<div class="r_offer_details">
<span class="r_show_hide font90 rehub-main-color">Report broken link or wrong info + </span>
<div class="open_dls_onclk">[contact-form-7 id="2828" title="Untitled"]</div>
</div>

It will show link instead button, link will open contact form

 

Was this article helpful to you? Yes No 1

How can we help?