How to Add and Customize Your Hellohire Jobs Widget on Your Website

Created by Hellohire Support, Modified on Tue, Dec 9, 2025 at 1:17 PM by Hellohire Support

Our Hellohire Jobs Widget makes it easy to showcase your organization’s open positions directly on your website. Below, we’ve answered the most common questions to help you get started and customize your widget exactly how you want it.


1. How does the widget work?


The Hellohire Jobs Widget dynamically displays all active job postings from your Hellohire account. For each job, it shows the Job Details:

  • Job location

  • Salary information

  • Job highlights

  • Job description


This means that whenever you add, update, or remove jobs in Hellohire, the widget automatically reflects the changes—no manual updates needed on your website.


2. How do I add job details?


All job details are managed directly in your Hellohire account and to add or update the job details:

  1. Log in to your Hellohire account.

  2. Go to the Jobs section.

  3. Select the job you want to edit.

  4. Enter the job details (job location, salary information, highlights, description).

  5. Click Save.


Once saved, enable the job to display on your careers page. Use the embed code to integrate it into your website, and the job details will automatically appear in the widget. 



3. Where can I find the embed code?


The embed code is available from your Hellohire management dashboard. 


You may find the embed code below the Job Details → Click “View Embed Code” → Then copy the code.


See "5. How do I embed the widget on my website?" for the next step.



4. Can I customize the widget?


Absolutely! The widget offers several simple customizations using attributes in the embed code:


A. Change the button color:


Add button-color="<HEX code>" to match your brand colors. Example:

<script src="https://static.hellohireapp.com/embed/hellohire-jobs.js"></script> <hellohire-jobs organization-id="734" button-color="#f58654"></hellohire-jobs>


B. Remove the “Available Jobs” title:


Add the "no-title" attribute. Example:

<script src="https://static.hellohireapp.com/embed/hellohire-jobs.js"></script> <hellohire-jobs organization-id="734" no-title></hellohire-jobs>


C. Remove the border around the widget:


Add the "borderless" attribute. Example:

<script src="https://static.hellohireapp.com/embed/hellohire-jobs.js"></script> <hellohire-jobs organization-id="734" borderless></hellohire-jobs>


5. How do I embed the widget on my website?


To embed the widget, copy the HTML code (with any customizations you want) and paste it into the HTML of your careers page. Typically, your website manager, IT team, or web developer will handle this step. Once added, the widget will appear instantly and update automatically as you manage jobs in Hellohire.



Hellohire Support

Have questions or need assistance? We’re here to help! Feel free to contact us at support@tryhellohire.com.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article