<p>While the full answer to this probably requires some planning, and a plugin that handles various aspects of the tag management, here are a few components to consider:</p>

<p>You can submit tags from the front-end and, on the server side, they will behave like Craft handles them in the Control Panel. The syntax for your front-end form field is as follows:</p>

<pre><code>&lt;select multiple name="fields[fieldHandle][]"&gt;
  &lt;option value="13"&gt;Tag Name One&lt;/option&gt;
  &lt;option value="42"&gt;Tag Name Two&lt;/option&gt;
  &lt;option value="144"&gt;Tag Name Three&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>For a more friendly UI, there are a handful of javascript libraries that could help on the front-end. I believe the one that Craft uses in the Control Panel is <a href="http://selectize.github.io/selectize.js/" rel="nofollow">selectize.js</a> and it could be setup to be used on the front-end as well.</p>

<p>To handle the pre-processing of tag behavior before an Entry is saved, your plugin may need to use the <a href="https://craftcms.com/docs/plugins/events-reference#entries-onBeforeSaveEntry" rel="nofollow">entries.onBeforeSaveEntry Event</a>.</p>

CC BY-SA 3.0
2016-01-07T16:59:48.680Z
Thank you for your answer. One of the challenges is that you can submit tags from the front-end only when you know the ID. selectize.js is really interesting - I will have a look at that.
MISC
CC BY-SA 3.0
2016-01-07T15:21:24.717Z
2016-01-07T15:21:24.717Z
Ben Parizek
<p>I would like to add tags via a front-end entry form - not like <a href="https://craftcms.stackexchange.com/questions/5327/how-do-you-add-tags-to-tag-field-when-saving-an-entry">here</a>, but as follows:</p>

<ul>
<li>Text field in a front-end entry form where user add tags (separated by commas).</li>
<li>After pressing the save button, the plugin should:</li>
<li>check for every tag, whether it exists already (and create the tag if not)</li>
<li>save the tags together with the rest of the entry form [see also <a href="https://craftcms.stackexchange.com/questions/5327/how-do-you-add-tags-to-tag-field-when-saving-an-entry">here]</a>(including the text field with the user defined tags)</li>
</ul>

<p>Now, I am looking for a developer (I am willing to pay for it).</p>

CC BY-SA 3.0
2016-01-07T15:09:21.970Z
This is a QA site. Straight Up Craft has a free job board where this post may be more appropriate: https://straightupcraft.com/jobs
Ben Parizek
<plugin-development><tags>
Plugin: Tags field for front-end Entry Form
# Plugin: Tags field for front-end Entry Form

(Asked by: username_0 on 2016-01-07)

I would like to add tags via a front-end entry form - not like [here](https://craftcms.stackexchange.com/questions/5327/how-do-you-add-tags-to-tag-field-when-saving-an-entry), but as follows:

* Text field in a front-end entry form where user add tags (separated by commas).
* After pressing the save button, the plugin should:
* check for every tag, whether it exists already (and create the tag if not)
* save the tags together with the rest of the entry form [see also [here]](https://craftcms.stackexchange.com/questions/5327/how-do-you-add-tags-to-tag-field-when-saving-an-entry)(including the text field with the user defined tags)

Now, I am looking for a developer (I am willing to pay for it).

**Tags:** plugin-development, tags
> **Comments:**
> **username_1**: This is a QA site. Straight Up Craft has a free job board where this post may be more appropriate: https://straightupcraft.com/jobs  

---

## 1 answers

### Answer by username_1 on 2016-01-07. Score: 4

While the full answer to this probably requires some planning, and a plugin that handles various aspects of the tag management, here are a few components to consider:
You can submit tags from the front-end and, on the server side, they will behave like Craft handles them in the Control Panel. The syntax for your front-end form field is as follows:

  Tag Name One
  Tag Name Two
  Tag Name Three


For a more friendly UI, there are a handful of javascript libraries that could help on the front-end. I believe the one that Craft uses in the Control Panel is selectize.js and it could be setup to be used on the front-end as well.
To handle the pre-processing of tag behavior before an Entry is saved, your plugin may need to use the entries.onBeforeSaveEntry Event.

> **Comments:**
> **username_0**: Thank you for your answer. One of the challenges is that you can submit tags from the front-end only when you know the ID. selectize.js is really interesting - I will have a look at that.  

---

