Contact Form 7 does not show up in print.

Hey Sam, no worries, thanks for starting a new thread.

To best help you can you please post the print-me shortcode you are using, and if possible a link to the page. If the page is not public, can you at least share the ID or Class of the Contact Form 7 that you are trying to print?

We’ll get you squared away!

G’day Baden,
Thanks for getting back to so quickly.
Indeed I am still in the non-public phase of building the website on my (local) WAMP-server.

I added the short code to the form HTML as you can see below (I quote only the last bit):
…..
<p>Suggestions and ideas
[textarea your-message] </p>

<p class=”bold”>Thank you for joining us,</p>
<p class=”printing”>Print before sending
[print-me]</p>
<p >[submit “Send”]</p>

I use the class “printing” to position the icon in the middle, through my child-theme CSS

The ID of the form is as follows:
[contact-form-7 id=”121″ title=”Membership form”]

I have two other forms next to the above ‘Membership form’, a ‘Write us’ and a ‘Proposal for a new course form’.
All basically the same and with the same problem in printing.
Could it be a WAMP-setting?
Thanks for looking into it.
Sam

OK, Mate, I think the problem is pretty simple.
You are using [print-me] which means it’s using the default target of ‘article’.

Now, if you where to look at the form as it is rendered on the page, and:
a) inspect the element (google how to inspect element on the browser you are using. trust me on this: it’s a good thing to know)
or
b) view the page source, you will see the HTML code that is used for the Contact Form 7. It will look a little something like:

<form class="something_contact_form_related" id="something_unique_to_this_form" ...>

You will need either the class or the id value from the form.

NOW, once you have that.. .you simply set this as the target like so:

[print-me target=".the_class_of_the_form"]
or
[print-me target="#the_id_of_the_form"]

Can you dig that?

I dug it for sure.
I fiddled around a bit and could not get it to work, until I put a forward slash before the closing bracket and lo and behold it ran absolutely beautifully.
Thanks a lot.
Som

that smells good! like bacon, or if you are not into bacon… like vegan soy wheat germ in the form of bacon. any way. HUZZAH! it works! Issue marked as crispy, crispy bacon.

Hi Baden, i’m also facing a similar issue i have tried the solution that you mentioned above but i still end up with a blank page.

`[print-me target=”#wpcf7-f114-p112-o1″]’ i also tried adding a forward slash but still didn’t work

this is the url of the form

seems to be working fine in chrome and firefox. what browser are you using?

Hello Baden, i’m using Chrome maybe i’m having problem because i’m saving it as pdf perhaps?

Ok seems like the form is working now, there was a conflicting plugin that was stopping the print-o-matic to function properly. Thanks alot Baden for your support ??

which plugin was it? Sharing is caring.

i’m using cherry framework it was a newsletter plugin that was causing the problem.

Thank you for letting us know. Glad you got everything working.

I am also having a problem with the contact form not printing with Contact Form 7 and Print-O-Matic. I have tried everything above. Tried several browzers and am now working in Chrome. Looked up the “ID” and “cLASS” using the developer tool but I am still not sure I have the right code. Plugged in every code I could find. I have spent days on this now. Need a bit of help.Thank you

My page is: https://magnificatbuffalo.org/magnificat-reservations/

@magnificatbuffalo2000: try using a target value of:
.wpcf7

I knew if I contacted you, I would figure it out and I did. Oh Well. To any one else with this issue, I had no luck with Classes and ID’s. I put the following code on the Page with my contact form shortcode.

[print-me target=”.wpcf7″ title=”Event Registration”]