Wordpress Contact Form 7 extra customisation for video submission form on my site
- or -
Post a project like this- Posted:
- Proposals: 2
- Remote
- #1634677
- Awarded
Description
Kind of development: Customization of existing website
Description of requirements/features: Hi guys,
this is Marco and I'm the owner of a community website called Time Lapse Network (TLN).
At TLN, photographers and video makers have the chance to basically get their video creations showcased on the website, for free.
The submission process is as easy as they fill this form created using Contact Form 7 plugin:
https://timelapsenetwork.com/contact-us/submit-your-timelapse-video/
The CF7 form submission currently generates a plain-text email message that I receive "designed" so that I can basically copy/paste it into a new blog post text field.
I'm attaching one example of that, so that you can see already where I'm up to (and how this was designed in order to definitely minimize the work behind it).
Plus, I need to copy / paste:
- the post headline (the title)
- the video embed code (submitted by users)
- upload the attached image they send at the bottom of the above URL
and voila! The blog post is created. I then only have to schedule these posts, in order to have a constantly fresh and updated website.
Now I'm looking for someone to help me optimise and improve this workflow by almost fully automating the process.
What I want to achieve is basically "adding an extra layer" of automation, in order to get the blog post auto-created using the data submitted by every user asking for their work to be showcased.
PROJECT REQUESTED TASKS
I want to add several extra fields to my CF7 form in order to have post tags pre-filled. I was thinking of the following:
- 1 dropdown type field, for the Country (easy, and I will do that myself). The question is: I need the Country selected by the user to be a Post tag upon post save
- 1 checkbox type field, to understand if the video is also a hyper-lapse (easy, and I will do that myself). The question is: I need the Post Category to automatically be assigned to "Video > Hyperlapse" subcategory if checked.
- 1 "Wordpress tags-like" with auto suggest possibility, multi option, so that artists can input the camera they used for the video creation. I imagine them start typing "5D Mar" and the system proposes already "Canon 5D Mark II" or "Canon 5D Mark III" which are already existing camera tags in my Wordpress instance
This would be a tag to be addded to the new posts tags.
- 1 "Wordpress tags-like" with auto suggest possibility, multi option, so that artists can input the lenses they used for the video creation. I imagine them start typing "14mm" and the system proposes already "Canon 14mm f/2 L USM" which is already existing lens tags in my Wordpress instance.
This would be a tag to be addded to the new posts tags.
- 1 Extra control on the Attached Image, forcing users to upload images at a required resolution which I could possibly set/customise if needed somewhere.
At the moment, CF7 fields only checks the size under 200K. I need to have them also 1100x600px.
- 1 Extra action, which is taking the input data, and actually create a new post itself by filling the posts fields like the Title, Body Text, the Post Type, Category, the featured image with the one just submitted by the user, the tags, and saves it to the draft
- When all this is done and the post is created, have an email message sent to me saying "A new post is available to be scheduled and published, check it at this URL:"
so that I can in the end login, click PREVIEW, and if I'm happy, schedule it.
I'm sure I missed many details and you have lot of questions before quoting the project probably, and I'm happy to answer to all of them in the comments.
I know there are already open source CF7 plugins alternatives like
https://wordpress.org/plugins/contact-form-7-to-post/
that do something similar, but as you can see I would like to have a bit more control and extra features.
I know it's not that huge work but I do not have the time to do this myself, and need some experienced help - possibly without spending too much money, as I'm not making that much out of the site :)
Thanks for your time in evaluating the project, and take care
Marco
Specific technologies required: Wordpress, CF7
Extra notes:
Marco F.
100% (20)New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
Marco
Possible to check code behind present form?
Can you create demo login for checking?Marco F.09 Jul 2017Sure thing mate.
This is the CF7 form code:
_________
<label> <strong>Your Name (*)</strong>
[text* your-name] </label>
<label> <strong>Your best E-Mail (*)</strong>
[email* your-email] </label>
<label> <strong>Your Website / Social Network Profile URL (*)</strong>
[text* author-website-link] </label>
<label> <strong>Approval Receipt URL (*)</strong>
<i>Paste here the URL of the forum thread where a staff member has approved your submission</i>
[text* url-approval-confirmation] </label>
<label> <strong>Video / Title (*)</strong>
<i>What's the exact title of your time-lapse?</i>
[text* video-title] </label>
<label><strong>Video / Gear (*)</strong>
<i>Please list all the Cameras, Lenses, Slider (if any), MoCo system, Software used etc</i>
[textarea* video-gear] </label>
<label><strong>Video / Locations (*)</strong>
<i>Please list all the Countries where the video has been shot</i>
[text* video-locations] </label>
<label><strong>Blog Post / Suggested Headline (*)</strong>
<i>An amazing headline can impress your audience and generate more views. Just like:
"Gorgeous 4K Hyper-lapse Captures All Four Seasons in Iceland", or
"This Surreal 8K Time-Lapse will make you love Iceland's Epic Landscape"</i>
[text* video-headline] </label>
<label><strong>Blog Post / Suggested First Sentence (*)</strong>
<i>An amazing first sentence is probably the only thing people will read before deciding to watch your video or not. Make sure to engage people the most!
E.g.: "This video has some stunning shots of the Aurora, Milky Way, Ice Flows and epic scenery, all available in a glorious 8K Ultra HD resolution, providing superbly intricate details you definitely can't miss!"</i>
[textarea* video-first-sentence] </label>
<label><strong>Blog Post / Video Description (*)</strong>
<i>Please provide a brief synopsis and a link to your profile too so that we may decide to include it as a "Quote".</i>
[textarea* video-description] </label>
<label> <strong>Blog Post / Video Embed Code (*)</strong>
<i>Paste here the generated Embed code:
<ol>
<li>YouTube: Under the video, click Share > Click Embed > From the box that appears, copy the HTML code > Paste the code below
<li>Vimeo: Click on the Share Icon > Show Options > Unflag "Show text link underneath this video" > Copy the Code
</ol>
</i>
[text* video-embed-code] </label>
<label> <strong>Blog Post / Featured Image (1100x600px, below 200K) (*)</strong>
<i>Please attach the artwork you used as a video thumbnail when uploading it on YouTube/Vimeo.
If you don't have one, please attach a mandatory frame from your video, keeping it 1100x600px, JPG, below 200K</i>
[file* video-feat-image filetypes:jpg|png limit:200kb] </label>
<label> <strong>Your Notes to Us (won't be published)</strong>
[textarea your-message] </label>
[submit "Submit your work!"]
__________
And this is the Email Message Body that packs that email I get:
__________
<strong>From:</strong>
[your-name]
<strong>E-Mail:</strong>
[your-email]
<strong>Message</strong>
[your-message]
---------------------------------------------
<strong>URL Approval</strong>
[url-approval-confirmation]
<strong>Title</strong>
[video-title]
<strong>Video / Gear Used (Cameras, Lenses, Slider, MoCo, Software)</strong>
[video-gear]
<strong>Video / Locations</strong>
[video-locations]
---------------------------------------------
<strong>Blog Post / Headline</strong>
[video-headline]
<strong>Blog Post / First Sentence</strong>
[video-first-sentence]
<strong>Blog Post / Video Description</strong>
[video-description]
<strong>Blog Post / Video Embed Code</strong>
[video-embed-code]
========================================================
Code to Paste into Wordpress Text Editor
========================================================
[video-first-sentence]<!--more-->
[your-name] shared with us the following details on his video:
<blockquote>[video-description]</blockquote>
If you want to know more about [your-name], don't forget check the following out:
[author-website-link]
[video-embed-code]
[video-gear]
[video-locations]