ckone

Bcc option in Additional Headers might be a quick solution for now, I presume.

bcc: admin1@address(dot)com, mod1@address(dot)com, mod2@address(dot)com

etc…

If you have so many recipients that you need to keep them organized, you might want to create a group email and send it to that email address. I have Google Apps and I can create one virtual email address and have multiple people “subscribe” to it so that they can get notification. I am sure there are other such services out there. Yahoo group was one, but I have not used it for a long time and so I cannot testify to that one.

Referencing this post by Miyoshi

Look at contact-form-7/includes/mail.php and how it retrieves [_post_id] value.

And you can write your own action to retrieve the excerpt.

I am not an expert, but I found out that once submit has been pressed, no value can be passed to the next step including on_sent_ok.

What I did find useful is this:

on_sent_ok: "location = 'https://forwarding-webiste-page/?&' + $('form.wpcf7-form').serialize();"

This basically inserts all input values to URL. I would think that you should grab url value and use it to redirect (any language you prefer, mine is PHP). For example, in “forwarding-website-page” I would write

<?php
$urlvariable = $_GET['url'];
header("location: https://$urlvariable");
?>

Theoretical, but I think you can get it to work. I also tried

on_sent_ok: "window.open('https://google.com/', '_blank');"

But my browser security stopped the pop-up. I think this is not the desired outcome you are looking for. I would not. I design it so that a new tab/window would open and only to find out a browser security stops all my hard work. Not a good experience for a visitor I would think. And, that’s not even inserting url value.

Wow, good looking contact page!

I would imagine you will have to code some hard CSS to get this going. I am not strong at it so I can only speak how I did it with my own background. You will have to do some homework as well.

You can include HTML in your form generating window.

<div class="something">
[text message id:msg]

[text name id:name]
[email senderemail id:email]
</div>

You can then define the “something” class to include the background. Using id such as msg, name and email you can define the height of the input, transparent background or fill it with a background. If you choose, you can edit the theme CSS but I find it easier to localize CSS in this case. You can include your CSS at the beginning of the form, such that:

<style>
.something {background:......}
input[type="text"] {background: transparent; border: none;}
#msg { }
#name { }
#email { }
</style>
<div class="something">
[text message id:msg]

[text name id:name]
[email senderemail id:email]
</div>

This is how I formatted my contact form, with background and custom input box height and background.

Also note that this may not work with all themes, so please test it out slowly, one style at a time. Good luck.

Hello avivwebsem,

What would you like to happen by duplicating forms? Is it to distinguish to different recipients, different form per page etc?

When you duplicate a form, it will create a unique ID, i.e. contact-form-7 id=”1234″ title=”Sample form” duplicate would have contact-form-7 id=”2456″ title=”Sample form copy”

You can rename the title, it has a unique ID and different title. Since it is another unique contact form, it does not matter that it has the same “text-164.” I am not sure if it will distinguish itself if there are more than one form in the same page/post. However, I would imagine it will not confuse itself since Submit is within <form> tag, and each form will only submit when the submit button is clicked (now try to understand that! lol).

If you can let me (us) know how you are planning to use duplicate form(s) perhaps someone can explain it better.

Similar question

I wonder the above thread could help you out?

In this site there’s an option to use

display:inline-block

so give that a try as well.

Have you tried BCC: email@addy{dot}com (replace this with recipient’s email address) in the Additional headers section of Mail?

I use Contact Form DB plugin to store Contact Form 7 submitted inputs to my database. I hope this helps you.

Hello Chris,

I am not an expert. But, using your example you can create email field as

[email* your-email id:senderemail]

ID is created while you are generating the email tag where it says ID Attribute. Or, you can manually type it in.

Then, using my sample, you enter

on_sent_ok: "location = 'https://example.com/other-page/?email=' + jQuery('form.wpcf7-form #senderemail').val();"

or, just curious

on_sent_ok: "location = 'https://example.com/other-page/?email=' + $('form.wpcf7-form #senderemail').val();"

where you change “https://example.com/other-page/?email=&#8221; to your redirect page. Once submitted successfully and redirected to a page, you will see that your URL would look something like this:

https://example.com/other-page/?email=blahblah@shanana{dot}net

Then, on your redirected page grab ’email’ value by using any programming language.

For example, in PHP use $emailvar = $_GET[’email’] and then echo $emailvar. To use PHP within a post/page use any plugin that allows PHP in post/page.

Good luck.

I think investigating how inline CSS works for Outlook email client would be helpful to you, because I am not good at it ?? But, I believe that would be your solution.

Instead of P you can try DIV. SPAN does not work for me at all. Or, better yet just TABLE the whole thing.

My above post reference was taken from here:

https://www.ads-software.com/support/topic/populate-field-with-data-from-a-form-on-the-previos-page?replies=3#post-8425321

1.Assign a ID to the input you want to send.
2.Then change the actual code to this one:

on_sent_ok: "location = 'https://example.com/other-page/?email=' + jQuery('form.wpcf7-form #assigned_id').val();"

Original post

I tested with my gmail, and I used inline css in the Mail HTML section.

<p style="width: 5em; word-wrap: break-word;">[checkbox-name]</p>

Adjust width to your Options length, so that they could break nicely, per word. I wasn’t able to remove commas.

‘on_sent_ok: “location = ‘https://thankupage_url.com&&#8217; + $(‘form.wpcf7-form’).serialize();”‘

Above code is to make post data to URL query. Perhaps this might be of use for you. It is not mine, I found it in one of the posts but I cannot reference it now.

Once they are in the query, you can use let’s say PHP to $_GET[‘var’] and use it that way.

Sometimes I think too complicated for a simpler solution. What about password protecting the page/post where the contact form is? This is a built-in function of WordPress and you do not need to install any plugins to do this.