{"id":14630,"date":"2021-05-11T14:02:09","date_gmt":"2021-05-11T12:02:09","guid":{"rendered":"https:\/\/www.xalt.de\/?p=14630"},"modified":"2025-01-14T08:43:46","modified_gmt":"2025-01-14T07:43:46","slug":"use-jira-issue-collector-as-application-form-on-your-website","status":"publish","type":"post","link":"https:\/\/www.xalt.de\/en\/jira-issue-collector-als-bewerbungsformular-auf-deiner-webseite-nutzen\/","title":{"rendered":"Using the Jira Issue Collector as an application form on your website"},"content":{"rendered":"<p>Jira Service Management (also known as Jira Service Desk) is one of the most comprehensive and widely used ITSM tools. Whether it's internal requests to IT departments or external requests for help, Jira Service Management (JSM) not only gets your team involved immediately and directly, but the people making the requests also get immediate feedback. Such requests are usually created with the Issue Collector and or dedicated service desk portals.<\/p>\n\n\n\n<p>A typical use case of JSM can be found in IT related areas in companies, e.g. when employees discover a software bug, they can directly raise a ticket via JSM, which can then be processed by the IT or development team. Working with Jira tickets is an essential component of successful, agile working methods and is indispensable in many modern tech companies today.<\/p>\n\n\n\n<p>But it's not just tech companies that can use JSM for their processes and workflows, and they don't have to limit themselves to IT requests either. Jira Service Management offers almost endless possibilities to accelerate your business. In our blog post&nbsp;<a href=\"https:\/\/www.xalt.de\/en\/efficient-hiring-processes-with-jira\/\">Fast and efficient application processes with Jira<\/a>&nbsp;we already presented our solution on how to use JSM for applicant management. In this second part, we will show you how to not only receive applications via an email inbox linked to a Jira project which converts them into Jira tickets, but also how to use the&nbsp;<strong>issue collector to achieve the same result<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-group contents has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#f1f9fd\">\n<h2 class=\"wp-block-heading\" id=\"h-inhalt\">Table of Content<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#h-was-ist-ein-issue-collector\">What is an Issue Collector<\/a><\/li>\n\n\n\n<li><a href=\"#h-warum-macht-ein-issue-collector-sinn\">Why does an issue collector make sense?<\/a><\/li>\n\n\n\n<li><a href=\"#h-und-wie-richtet-man-den-issue-collector-ein\">Issue Collector Setup<\/a>\n<ol class=\"wp-block-list\">\n<li><a href=\"#h-schritt-1-erstellung\">Creating the Issue Collector<\/a><\/li>\n\n\n\n<li><a href=\"#h-schritt-2-einrichtung\">Setting everything up<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><a href=\"#h-wie-integriert-man-den-issue-collector-in-websites-html-oder-javascript\">Add Issue Collector to Website (HTML &amp; Java Script)<\/a>\n<ol class=\"wp-block-list\">\n<li><a href=\"#h-schritt-3-html-snippet\">The HTML snippet<\/a><\/li>\n\n\n\n<li><a href=\"#h-schritt-4-auf-der-webseite-einbetten\">Embedding the Issue Collector on the website<\/a><\/li>\n\n\n\n<li><a href=\"#h-schritt-5-testen\">Testing<\/a><\/li>\n\n\n\n<li><a href=\"#h-bonus-einbettung-auf-confluence-seiten\">Bonus: Embedding on Confluence pages<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><a href=\"#h-zusammenfassung-ausblick\">Summary<\/a><\/li>\n<\/ol>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-was-ist-ein-issue-collector\"><strong>What is an Issue Collector?<\/strong><\/h2>\n\n\n\n<p>With a so called Issue Collector, a Jira feedback form can be embedded on your own websites. By clicking on the corresponding trigger - which has to be defined and can be a call-to-action, a button, an image etc. - this form can be opened and after filling it out, a Jira ticket (also called issue) can be easily created. The fields of the form can be customized and request essential information, e.g. the applicant's cover letter as a text field, their email address for notifications and communication, file attachments for resumes, job references, etc.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-warum-macht-ein-issue-collector-sinn\"><strong>Why does an issue collector make sense?<\/strong><\/h3>\n\n\n\n<p>As explained in the first part of the blog series, an email inbox can be set up and linked to your Jira project fairly easily. All emails that are sent to the configured inbox automatically create a Jira issue that contains all the information and attachments from the email. However, the email inbox may not only receive relevant emails or applications, but also requests from external headhunters or marketing emails. These are then also created as issues in the JSM project and have to be filtered out, which can be cumbersome.&nbsp;<\/p>\n\n\n\n<p>In addition, you may want to invite your applicants to apply directly on the homepage and not use a cumbersome job portal or applications via email. With an issue collector triggered by a button click, the web layout is not disturbed and applicants are not redirected to other pages.<\/p>\n\n\n\n<p>It's easiest to understand by looking at any Job on our career page:&nbsp;<a href=\"https:\/\/www.xalt.de\/en\/jobs\/\" target=\"_blank\" rel=\"noopener\">xalt.de\/en\/jobs<\/a>In our single job posts, you will quickly see what we are talking about. For example, scroll down on&nbsp;<a href=\"https:\/\/www.xalt.de\/en\/careers\/senior-devops-engineer-cloud-automation\/\">this page<\/a>&nbsp;until you see the button \"Apply directly\" and click on it. Don't worry, an application will not be sent to us immediately. Once you click the button, a popup will open which contains the Issue Collector of Jira Service Management.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-und-wie-richtet-man-den-issue-collector-ein\"><strong>And how do you set up the Issue Collector?<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-schritt-1-erstellung\"><strong>Step one:<\/strong> Creating the Issue Collector<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the Jira project for which you want to enable ticket creation via the Issue Collector.<\/li>\n\n\n\n<li>Navigate to the\u00a0<strong>Project settings<\/strong>\u00a0and scroll down until you see the Issue Collector field:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"598\" height=\"1432\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_1.png\" alt=\"Jira Issue Collector\" class=\"wp-image-14774\" style=\"width:150px;height:358px\" srcset=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_1.png 598w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_1-5x12.png 5w\" sizes=\"(max-width: 598px) 100vw, 598px\" \/><\/a><figcaption class=\"wp-element-caption\">Jira menu<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Once there, create a new Issue Collector.\u00a0<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-schritt-2-einrichtung\"><strong>Step two:<\/strong>  Setting everything up<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the next window, the name and description of the issue collector can be added and you can set the default reporter for tickets. In this case, the option \"Attempt to match submitter email address\" can be selected, if the email specified in the issue collector matches a user in their Jira instance, this person will automatically be set as the \"reporter\" of the ticket.\u00a0<\/li>\n\n\n\n<li>If external users (e.g. applicants or anyone who doesn't already have an account in your Jira directory) should automatically be set as the reporters of the created ticket, groovy scripts and postfunctions have to be created, which will be explained in-depth in a future blog post. If this feature is already needed, feel free to contact us and we'll be happy to help you out.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_5.png\"><img decoding=\"async\" width=\"2244\" height=\"1520\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_5.png\" alt=\"Jira Issue Collector\" class=\"wp-image-14770\" style=\"width:561px;height:380px\" srcset=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_5.png 2244w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_5-1536x1040.png 1536w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_5-2048x1387.png 2048w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_5-16x12.png 16w\" sizes=\"(max-width: 2244px) 100vw, 2244px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Back to the Issue Collector: In this window the\u00a0<strong>Trigger:<\/strong>\u00a0can be defined and a preview of the form can be viewed.\u00a0<\/li>\n\n\n\n<li>To do this, first click on \"Custom trigger\".<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_2.png\"><img decoding=\"async\" width=\"1898\" height=\"1518\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_2.png\" alt=\"\" class=\"wp-image-14773\" style=\"width:475px;height:380px\" srcset=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_2.png 1898w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_2-1536x1228.png 1536w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_2-16x12.png 16w\" sizes=\"(max-width: 1898px) 100vw, 1898px\" \/><\/a><figcaption class=\"wp-element-caption\">Issue Collector Configuration in Jira<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now click on \"Custom\" under \"Issue collector form\". Here you can now define the fields of the application form.<\/li>\n\n\n\n<li>For our example, we decided to use a simple application form. The field \"Position\" is the title of the ticket created, so that our HR manager knows immediately to which position the application is addressed.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_13.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1622\" height=\"1332\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_13.png\" alt=\"Jira Issue collector preview\" class=\"wp-image-14762\" style=\"width:406px;height:333px\" srcset=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_13.png 1622w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_13-1536x1261.png 1536w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_13-16x12.png 16w\" sizes=\"(max-width: 1622px) 100vw, 1622px\" \/><\/a><figcaption class=\"wp-element-caption\">Preview: Jira Form<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When you are done, save the Issue Collector and you will be taken to the next window.<\/li>\n<\/ul>\n\n\n\t\t<div data-elementor-type=\"section\" data-elementor-id=\"18404\" class=\"elementor elementor-18404\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee56563 elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee56563\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2b3c202\" data-id=\"2b3c202\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e2f9ed elementor-widget elementor-widget-heading\" data-id=\"6e2f9ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Recruiting with Jira Service Management - Without external tools<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cafbfd elementor-widget elementor-widget-heading\" data-id=\"2cafbfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Manage your applications directly in Jira. Automate and digitize your recruitment process.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22334cc cta elementor-widget elementor-widget-text-editor\" data-id=\"22334cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><a href=\"https:\/\/www.xalt.de\/en\/jira-bewerber-tool\/\">To the Jira Recruiting Tool<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2d5056c\" data-id=\"2d5056c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd4d176 elementor-widget elementor-widget-image\" data-id=\"bd4d176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"394\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/Jira-HR-Tool\/Jira-HR-Tool.png\" class=\"attachment-full size-full wp-image-7850\" alt=\"Jira recruiting tool\" srcset=\"https:\/\/www.xalt.de\/wp-content\/uploads\/Jira-HR-Tool\/Jira-HR-Tool.png 400w, https:\/\/www.xalt.de\/wp-content\/uploads\/Jira-HR-Tool\/Jira-HR-Tool-12x12.png 12w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-wie-integriert-man-den-issue-collector-in-websites-html-oder-javascript\"><strong>How do I integrate the Issue Collector on websites (HTML or Javascript)?<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-schritt-3-html-snippet\"><strong>Step Three:<\/strong> The HTML snippet<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>On this page you get the HTML-snippet, or Javascript needed for the embedding. Copy the code into the clipboard or into a text editor.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"2252\" height=\"1520\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_4.png\" alt=\"HTML Snippet for Jira Issue Collector\" class=\"wp-image-14771\" style=\"width:563px;height:380px\" srcset=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_4.png 2252w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_4-1536x1037.png 1536w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_4-2048x1382.png 2048w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_4-16x12.png 16w\" sizes=\"(max-width: 2252px) 100vw, 2252px\" \/><\/a><figcaption class=\"wp-element-caption\">Jira Issue Collector<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The next step is to define the custom trigger, i.e. how the issue collector can be opened by applicants. We settled for a simple call to action button, but any element on a website can be set as a trigger, e.g. also images or similar.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-schritt-4-auf-der-webseite-einbetten\"><strong>Step four:&nbsp;<\/strong>Embedding the Issue Collector on the website<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For our job posts we use\u00a0<strong>WordPress Elementor<\/strong>but you can use any website builder as long as you can edit the HTML code of the page. If you do not have access, it is best to ask the people who manage your website for help.<\/li>\n\n\n\n<li>First, give the button an ID, for example \"apply\" like in the screenshot.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_8.png\"><img loading=\"lazy\" decoding=\"async\" width=\"2858\" height=\"1520\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_8.png\" alt=\"Wordpress integration with HTML snippet\" class=\"wp-image-14767\" style=\"width:715px;height:380px\" srcset=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_8.png 2858w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_8-1536x817.png 1536w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_8-2048x1089.png 2048w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_8-16x9.png 16w\" sizes=\"(max-width: 2858px) 100vw, 2858px\" \/><\/a><figcaption class=\"wp-element-caption\">WordPress button<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Then add a custom HTML widget to the page in which the previously copied HTML code from Jira is pasted.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"2876\" height=\"1514\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_6.png\" alt=\"Jira Issue Collector HTML Snippet in Elementor\" class=\"wp-image-14769\" style=\"width:719px;height:379px\" srcset=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_6.png 2876w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_6-1536x809.png 1536w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_6-2048x1078.png 2048w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_6-16x8.png 16w\" sizes=\"(max-width: 2876px) 100vw, 2876px\" \/><\/a><figcaption class=\"wp-element-caption\">HTML Widget Configuration in WordPress<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Search the code for \"#myCustomTrigger\" and replace this with the button ID, in this case \"#apply\".<\/li>\n\n\n\n<li>Once the code is embedded, click \"save\" and the Issue Collector is ready to go<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-schritt-5-testen\"><strong>Step Five:<\/strong> Testing<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The issue collector is now embedded and can be opened by clicking on the call to action \"Apply directly\". To support the display for mobile devices, only one more small adjustment needs to be made.<\/li>\n\n\n\n<li>To do this, switch from the \"Content\" window of the HTML widget to \"Advanced\" and navigate to the \"Custom CSS\" field.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_12.png\"><img loading=\"lazy\" decoding=\"async\" width=\"2876\" height=\"1514\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_12.png\" alt=\"Wordpress Button Modal\" class=\"wp-image-14763\" style=\"width:719px;height:379px\" srcset=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_12.png 2876w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_12-1536x809.png 1536w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_12-2048x1078.png 2048w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_12-16x8.png 16w\" sizes=\"(max-width: 2876px) 100vw, 2876px\" \/><\/a><figcaption class=\"wp-element-caption\">Linking the button to the pop-up modal in Elementor<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add the following code as shown in the screenshot, so that the issue collector window scales correctly on mobile devices as well<\/li>\n<\/ul>\n\n\n\n<p>#atlwdg-container {<br>&nbsp; &nbsp; width: calc(100vw - 40px);<br>&nbsp; &nbsp; max-width: 810px;<br>}<br>@media (max-width: 480px) {<br>&nbsp; &nbsp; #atlwdg-container {<br>&nbsp; &nbsp; &nbsp; &nbsp; width: 100vw;<\/p>\n\n\n\n<p>&nbsp; &nbsp; &nbsp; &nbsp; }<br>}<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-bonus-einbettung-auf-confluence-seiten\"><strong>Bonus<\/strong>: Embedding on Confluence pages<\/h4>\n\n\n\n<p>Alternatively, you can use the Issue Collector directly on&nbsp;<strong>Confluence pages<\/strong>&nbsp;.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First add the macro \"HTML\" by searching for HTML under \"other macros\".\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the HTML macro, you'll only need to paste the code which you copied from the Issue Collector earlier.<\/li>\n\n\n\n<li>To open the form with a simple button click, add the following code line directly below the Issue Collector script: <\/li>\n\n\n\n<li>&lt;input type=&#8220;button&#8220; style=&#8220;color:green&#8220; id=&#8220;myCustomTrigger&#8220; class=&#8220;button&#8220; value=&#8220;Klick mich&#8220; \/><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_11.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1888\" height=\"1446\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_11.png\" alt=\"HTML Macro Confluence\" class=\"wp-image-14764\" style=\"width:472px;height:362px\" srcset=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_11.png 1888w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_11-1536x1176.png 1536w, https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_11-16x12.png 16w\" sizes=\"(max-width: 1888px) 100vw, 1888px\" \/><\/a><figcaption class=\"wp-element-caption\">HTML Macro in Confluence<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After the Confluence page is updated, the following button appears, which opens the issue collector after a click. This way, a Jira ticket can be created directly in a Confluence page immediately and without detours.\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"682\" style=\"aspect-ratio: 1200 \/ 682;\" width=\"1200\" autoplay loop muted preload=\"auto\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/2021\/05\/xalt_jira_issue_collector_confluence.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-zusammenfassung-ausblick\">Summary &amp; Outlook<\/h2>\n\n\n\n<p>Done! Now the application form is embedded in the form of a Jira issue collector on your website or Confluence and applicants can apply immediately with a Jira ticket. Of course, it is possible to use an issue collector for other purposes than applications. You could also add a button to certain Confluence pages or templates to create Jira tickets directly in meeting notes. Or you could add an issue collector to Confluence pages that you use for onboarding new team members, so they can easily give feedback or create support tickets.&nbsp;<\/p>\n\n\n\n<p>If you'd like to learn more about using Jira and Confluence to set up HR and Recruiting processes in an organization, feel free to check out our blog post.<\/p>\n\n\n\n<p>If you need more detailed information, we would be happy to talk to you at any time, free of charge and without obligation. As an Atlassian Platinum Solution Partner, we are also happy to advise you on further solutions. On our\u00a0<a href=\"https:\/\/www.xalt.de\/en\/services-atlassian\/\">Atlassian Services<\/a>\u00a0page you can learn more about our approach and methodology.<\/p>\n\n\n\t\t<div data-elementor-type=\"section\" data-elementor-id=\"18404\" class=\"elementor elementor-18404\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee56563 elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee56563\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2b3c202\" data-id=\"2b3c202\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e2f9ed elementor-widget elementor-widget-heading\" data-id=\"6e2f9ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Recruiting with Jira Service Management - Without external tools<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cafbfd elementor-widget elementor-widget-heading\" data-id=\"2cafbfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Manage your applications directly in Jira. Automate and digitize your recruitment process.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22334cc cta elementor-widget elementor-widget-text-editor\" data-id=\"22334cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><a href=\"https:\/\/www.xalt.de\/en\/jira-bewerber-tool\/\">To the Jira Recruiting Tool<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2d5056c\" data-id=\"2d5056c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd4d176 elementor-widget elementor-widget-image\" data-id=\"bd4d176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"394\" src=\"https:\/\/www.xalt.de\/wp-content\/uploads\/Jira-HR-Tool\/Jira-HR-Tool.png\" class=\"attachment-full size-full wp-image-7850\" alt=\"Jira recruiting tool\" srcset=\"https:\/\/www.xalt.de\/wp-content\/uploads\/Jira-HR-Tool\/Jira-HR-Tool.png 400w, https:\/\/www.xalt.de\/wp-content\/uploads\/Jira-HR-Tool\/Jira-HR-Tool-12x12.png 12w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Jira Service Management (auch bekannt als Jira Service Desk) ist eines der umfangreichsten und am weitesten verbreiteten ITSM-Tools. Egal ob unternehmensinterne Anfragen an IT-Departments oder externe Hilfsanfragen &#8211; mit Jira Service Management (JSM) wird nicht nur ihr Team sofort und direkt involviert. Aber auch die anfragenden Personen bekommen sofort Feedback. Diese Anfragen werden in der [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":14792,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[37],"tags":[45,47,49],"department":[],"job_location":[],"start":[],"beschaeftigungsverhaeltnis":[],"class_list":["post-14630","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-atlassian","tag-jira","tag-itsm","tag-jira-service-management"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/posts\/14630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/comments?post=14630"}],"version-history":[{"count":25,"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/posts\/14630\/revisions"}],"predecessor-version":[{"id":30730,"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/posts\/14630\/revisions\/30730"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/media\/14792"}],"wp:attachment":[{"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/media?parent=14630"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/categories?post=14630"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/tags?post=14630"},{"taxonomy":"department","embeddable":true,"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/department?post=14630"},{"taxonomy":"job_location","embeddable":true,"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/job_location?post=14630"},{"taxonomy":"start","embeddable":true,"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/start?post=14630"},{"taxonomy":"beschaeftigungsverhaeltnis","embeddable":true,"href":"https:\/\/www.xalt.de\/en\/wp-json\/wp\/v2\/beschaeftigungsverhaeltnis?post=14630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}