Skip to main content

Embedding Jobs on Your Website

Updated over 2 months ago

Got a killer careers page already? Nice! Now let’s make it even better by embedding your Mega job postings right onto your site.

How to Embed Jobs on Your Website

You can add jobs to your website—and if you want to make it match your site’s design, you can customize it with CSS.

Setting It Up (Admin Access Required)

Click the gear icon in the bottom left corner and select Careers site.

In the careers site settings, choose Embed Jobs from the left menu.

Copy the embed code and paste it into your website. Boom, done!

Extra Customization

Want to tweak the look and feel? You can use CSS

/* fonts */

--mega-font-family: 'Inter', sans-serif;

--mega-font-size-sm: 14px;

--mega-font-size-default: 16px;

--mega-font-size-lg: 18px;

/* colors */

--mega-text-color: rgb(10, 10, 10);

--mega-primary-color: #007bff;

--mega-secondary-color: #6c757d;

--mega-focus-color: #007bff;

--mega-hyperlink-color: #007bff;

--mega-text-color-lighten: 0.6;

/* spacing */

--mega-max-width: 1024px;

--mega-padding: 20px;

/* border-radius */

--mega-border-radius: 5px;

--mega-border-radius-lg: 10px;

/* inputs */

--mega-input-padding: 8px 12px;

--mega-input-border: 2px solid rgb(221, 221, 221);

--mega-input-border-hover: 2px solid #c7c7c7;

--mega-input-border-focus: 2px solid var(--mega-focus-color);

Get creative and make it blend seamlessly with your site. Happy embedding!

Did this answer your question?