LogoLogo
WebsiteStart A Free TrialRequest A Feature
  • GETTING STARTED
    • 🏆Introduction
    • 🎯Onboarding Process
  • Admin
    • 🏠Home
      • 📊Dashboard
      • 📈Analytics
        • 💻Job Analytics
        • 🗓️Employers Analytics
        • 💹Candidate Analytics
    • 👩‍💻Manage Data
      • 🧑‍🎓Candidates
      • 👩‍💼Employers
      • 🧑‍💼Staff
      • ✍️Jobs Management
      • Job Alerts
      • 📨Reviews
      • 📅Import History
      • 💱Transaction
      • Manage Text and Translation
      • Connect Google Search Console
      • Guide to Using SEO Management in Artha
      • Google Social Login Integration Guide
      • LinkedIn Social Login Integration Guide
    • 👩‍🏫Manage Portal
      • 🏭Job Categories
      • Smart Backfiller
      • 📇Licence
      • 📦Widgets
      • 📜Pages
      • ⚙️Setting
        • 📄Pages
        • 📧Email Configuration
          • Email configuration with AWS
          • Email configuration with Sendinblue
          • Email configuration with Mailgun
          • Email configuration with Sendgrid
        • Domain Configuration
        • 📃Customize Document
        • 🇻🇳Appearance
        • 🇸🇴Social Media Links
        • *️Theme Selection
        • 🧮Miscellaneous
        • 💳Payment
      • 🎟️Roles and Permission
      • 📝Masters
      • 📃Forms
      • 🈁Fields
      • 🔡Text & Translations
      • Embed Script
      • 🧩App Center
        • 💳Payment Integration
          • Stripe Payment Gateway
          • Razorpay Payment Gateway
          • PayPal Payment Gateway
    • 🧑‍🤝‍🧑Refer & Earn
    • 👨‍🏫Profile
  • Employer
    • 🏠Home
      • Homepage Before Login
      • Homepage After Login
    • 🈂️My Jobs
    • 🔍Smart Search
    • 👨‍💼All Applicant
    • 📊Analytics
    • Chat with Candidate
    • 👨‍🏫Profile
  • Candidate
    • 🏠Home
      • Homepage Before Login
        • Apply for Jobs as Guest
      • Homepage After Login
        • Apply for a Job
    • 🤝Jobs for Candidate
    • Chat with Employer
    • 👨‍🏫My Profile
  • FAQ
    • 💁‍♀️Frequently Asked Questions
      • 🛃How Can I Customize My Job Board?
      • 🗃️Which is the best option to host a job board?
      • 📦How can I backfill the jobs from external sources?
      • Google Adsense Integration with Artha Job Board
Powered by GitBook

About Us

  • Contact Us
  • Privacy Policy
  • Terms & Conditions

Social Media Links

  • Twitter
  • LinkedIn
  • Facebook
  • Youtube

Product Details

  • Use Case
  • Features
  • Pricing
  • Request A Feature

Copyright © 2024. All rights reserved with Artha Job Board

On this page
  • Widget Management
  • Widgets Overview
  • Widget Name
  • Widget Code
  • Widget Status
  • Actions
  • Edit Widget
  • Add Widget

Was this helpful?

  1. Admin
  2. Manage Portal

Widgets

While creating a web page, functionality to provide elements for content management.

PreviousLicenceNextPages

Last updated 3 months ago

Was this helpful?

Widget Management

Widget plays an important role to add the content on the homepage or any new page added by you.

Widgets Overview

Widgets are like simple components for websites and mobile apps that you can add and position wherever needed and these components can be adjusted through the admin panel.

Widget Name

Used to give a name or label to a widget, making it easier to identify and manage different widgets on the website or app.

Widget Code

Developers can use the code found in the widget section to add, modify, and integrate third-party apps and services into the Jobs dashboard.

Widget Status

To manage the widgets, which widgets show up on the dashboard and which ones to hide these tabs to activate and deactivate widgets are used. Active widgets are those that are indicated as such; inactive widgets are those that are hidden.

Actions

The action column will have two options i.e., Edit and Delete:

Edit Widget

Make modifications to your widget using this option. This allows you to remove or delete your widget.

Add Widget

The Admin can add a new widget from the "Add Widget" button and map it with the page to improve the user interface of the website.

  1. Name: Giving the widget's name so that it can be quickly identified.

  2. Code: It's similar to providing the widget with clear directions so that when users use it, it knows what to display.

  3. Widget type: Choose how you want your widget to look and function.

    1. Fixed card: It stays in one place, like a picture frame on a wall, and shows the same content...

    2. ererer

    3. Carousel: It looks like a rotating menu, with various items appearing one after the other.

    4. Tabs: It organizes content into tabs or sections that are simple to access.

    5. Text: It will provide a rich text editor to add text content to the page.

    6. HTML: It would render the HTML code as the required output.

  4. Item type: This is about what kind of stuff you want to put inside your widget

    1. Image: This can be applied to display images within widgets.

    2. Categories: Items can be arranged according to distinct categories or subjects.

    3. Job: It helps in listing and displaying job vacancies.

    4. Companies: This is used to display details about various companies or organizations.

  5. Background Color: Choose a background colour for the widget.

  6. Web per row: To set the number of items that will appear frequently when called from the web.

  7. Tablet per row: To set the number of items in a row when viewed on a tablet.

  8. Mobile per row: Choose how many items will appear in a row on a mobile phone.

  9. Web Items and Mobile Items: This includes modifying the items that are shown on a website and mobile app.

    1. Title of item: Allot a title or name to each thing in your widget in all possible languages.

    2. Subtitle: Add a subtitle for each item in different languages in all possible languages.

    3. Alt text: Provide alternative text in case the item can't be displayed visually.

    4. Link: Provide links from your widget items to external web pages.

    5. Upload image: Upload an image here in the add widget so that, for websites and mobile apps, respectively the image appears as desired each time the platform is opened.

    When HTML is chosen as a widget type, the admin is able to insert a HTML code snippet in the HTML input field to customize the home page.

Examples of HTML codes which an admin can use in the html field:

Example 1 - To insert a contact us form:


<form>
    <div class="user-box" style = " position: relative;">
    <input type="text" name="" required="" 
		style="width: 100%;
  		padding: 10px 0;
  		font-size: 16px;
  		color:#000000;
  		margin-bottom: 30px;
  		border: none;
  		border-bottom: 1px solid #000000;
  		outline: none;
  		background: transparent;"
		placeholder="Name">
    </div>
    <div class="user-box" style = " position: relative;">
    <input type="text" name="" required="" style="width: 100%;
  		padding: 10px 0;
  		font-size: 16px;
  		color:#000000;
  		margin-bottom: 30px;
  		border: none;
  		border-bottom: 1px solid #000000;
  		outline: none;
  		background: transparent;"
		placeholder="E-mail"> 
    </div>
    <div class="user-box" style = " position: relative;">
    <button style="border: none;
  	    color: white;
  	    padding: 15px 32px;
  	    text-align: center;
  	    text-decoration: none;
  	    display: inline-block;
  	    font-size: 16px;
  	    margin: 4px 2px;
  	    cursor: pointer;
 	    background-color: #0000FF;">Submit</button>
    </div>
</form> 

Example 2 - To insert a map location:


<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d119066.52982230402!2d72.8222859!3d21.15920015!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be04e59411d1563%3A0xfe4558290938b042!2sSurat%2C%20Gujarat!5e0!3m2!1sen!2sin!4v1738152895519!5m2!1sen!2sin" 
width="1200" 
height="450" 
style="border:0;" 
allowfullscreen="" 
loading="lazy" 
referrerpolicy="no-referrer-when-downgrade">
</iframe>

This will create new widgets.

Then the admin has to navigate to pages tab in left navigation panel and choose the edit option under actions for the home page.

This will facilitate to update the home page. Now, the admin has to choose the new widget to be added on the home page from the drop down and decide the sequence in which the widget will appear. The final step is to click the update button and then the changes are saved on the home page.

👩‍🏫
📦
Widget in Admin Panel
Edit Widget
Add Widget