Overview
Custom Profile enables you to get creative with your JOOR profile, so you can proudly showcase your brand’s aesthetics to your current and potential buyers. Discover how fast and easy it is to create an incredible custom profile for your JOOR account.
You will have a variety of different row templates and widgets that will allow you to easily transform your profile into your very own storefront letting you put the spotlight on your products, linesheets, images, videos, and more.
JOOR also allows you to generate a QR code that links to your Custom Profile, allowing retailers to easily access your virtual showroom. Set yourself up for success by downloading your QR code for buyers to scan!
To download a PDF version of the Custom Profile Guide, scroll down to the bottom of the page and click on the attachment.
Note: It's recommended to use Google Chrome to create/edit your custom profile.
Accessing your Custom Profile
- Log into your JOOR Account.
- Hover over your 'Profile tab'.
- Select 'Manage Profile' from the drop-down options.
There are 2 Profile Modes
Upon accessing the 'manage profile' page, you'll notice that the navigation bar at the top of the page adjusts to showcase unique features tailored to this page.
Your profile page operates in two distinct modes, each with its own set of functionalities. As a result, the navigation bar will vary slightly depending on the mode you're currently using.
View Mode
Upon accessing your 'Manage profile' page, it will automatically default to view mode. In this mode, you can confidently review and preview your profile to ensure it meets your preferences. Additionally, you'll have the opportunity to see how your profile will appear to various users who view it.
Note: The shop, favourite(❤️ ), and message icon will not be clickable and will update based on the selected viewing as.
'View mode' enables you to see how your profile will appear to various user types, including connected, unconnected, and logged-out users.
'Toggle between Online and Offline modes': Here, you can choose to either publish your profile page (Online mode) or save it as a draft (Offline mode).
Edit Mode
Edit Page: will bring you into edit mode where you’ll be able to customise your profile.
Upon clicking the 'Edit page' button, the profile page will transition from 'view mode' to 'edit mode'. In edit mode, you'll have the flexibility to customize your profile using various row templates and widgets.
Some options you will see instantly on the edit page are:
- Show Brand Navigation: Clicking this option will toggle the visibility of the brand navigation bar, which includes icons for the profile image, profile pages, shop button, favorites, and messages.
- Discard Changes: Selecting this option will exit the edit mode, returning you to view mode. Any unsaved modifications will be discarded.
- Save Changes: Use this option to save your edits to your page. After saving, you will return to view mode.
- Add Content Section: Clicking this option will open the row template model, allowing you to choose the row templates you wish to add to your profile.
Hamburger Menu
In the upper-left corner, you'll find a hamburger menu that, when clicked, will expand a side panel. Within this panel, you'll find icons for Pages, Brand Details, Text Styles, and Profile QR Code. This three-line menu is accessible in both view and edit modes.
Pages
Custom profile allows creation of multiple pages on your profile giving you even more flexibility to build a truly creative JOOR profile. With multiple pages, you’ll be able to turn your profile into a microsite-like profile proving your buyers with a deeper and more engaging browsing and buying experience when discovering or viewing your brand.
+ Create New Page: Click to create a new page on your custom profile.
When initiating a new page, it will be titled "untitled page" and set to offline mode within the "Not in Menu" section. This newly created page will adopt the custom profile template, allowing you to commence editing and customization.
Within the Pages menu of your custom profile, you will encounter two distinct sections denoted as "In Menu" and "Not In Menu."
This feature grants you the flexibility to rearrange your various pages simply by dragging and dropping them between the two sections, enabling you to customize the presentation of your pages on your profile as desired.
Note: When adding pages to your profile, you can only have a total of 25 pages for both online and offline together.
What is 'In Menu'?: The "In Menu" section within your profile's navigation menu determines which pages are showcased for users to navigate through. By organizing the pages within this section, you dictate the sequence in which they appear on your profile's navigation bar, thereby influencing the user experience and accessibility of your content.
Please note that you can have a maximum of 10 online pages within the "In Menu" section. Any attempt to add more than 10 online pages to this section will result in an error. This limitation ensures optimal navigation and user experience by preventing overcrowding of the navigation menu.
What is 'Not In Menu'?: Pages listed in the "Not In Menu" section will not be visible on your profile navigation bar, making them inaccessible to your profile viewers. However, these pages can still be accessed through hyperlinks placed within pages listed in the "In Menu" section or by directly sharing the page URL with viewers.
The order of pages within the "Not In Menu" section does not impact your profile navigation.
Now lets learn a little about Page Actions: When you hover over each page listed in your Pages menu, you'll have access to two page actions.
- Share icon will allow you to copy that specific page’s URL.
- Three horizontal dots icon will bring up the page actions menu.
- Edit Page Name - Allows you to edit the name of your page.
- Set as Homepage - Will allow you to set a homepage for your profile.
- Duplicate Page - Creates a duplicate of the selected page. All listed content on the page will be copied.
- Take Page Online/Offline - Lets you set whether the page will be online or offline mode. Online will display a green dot and offline will display a red dot
- Delete Page - Deletes the page
Note: You can only have one home page which can only be set to online mode. Homepages will have a house icon listed next to them.
Brand Details
The Brand Details section assists retailers in locating and recognizing your profile on JOOR.
- About us - You have the option to display your brand profile on your profile through the "About Us" section. This menu enables you to edit your profile information directly from your custom profile page, eliminating the need to navigate elsewhere. Remember to click "Save" at the bottom of the side menu to preserve your edits.
- General Info
- Profile Picture
- Brand Logo
- Description
- Categories
- Year Established
- Wholesale Price Range (USD only)
- Retail Price Range (USD only)
- URLs
- Website URL
- Custom JOOR URL
- Social Links
- Facebook (Profile Page URL)
- Instagram Account Name
- Twitter Account Name
Text Styles
The Text Styles menu enables you to customize the font, weight, and size of text on your profile. With 27 distinct font styles available, you can manage the text appearance for various features on your custom profile, including:
- Heading 1
- Title 1
- Subtitle 1
- Paragraph 1
Configuring your text style settings ensures a uniform appearance across your profile. After making your selections, simply click "Save" at the bottom of the side menu to apply your changes.
QR Code
JOOR has simplified the process of sharing your profile with both existing and potential buyers by introducing shareable QR codes. These QR codes can be easily shared digitally or printed out, offering a convenient method for buyers to access your custom profile.
Note: The QR code will direct scanners to your set homepage.
Row Templates & Widgets
Creating your own custom JOOR profile is quick and easy! You will have a variety of different widgets and row templates that you can utilise to create a custom and notable profile that exemplifies your brand’s aesthetics.
- Click Edit Page in the top-right corner.
- Click Add Content Section to bring up the row template modal
- In the row template model, click the row template to apply it to your profile
Once you select a row template, each row template and widget will have its own specific settings that can be applied to your profile.
Row Templates
When you hover over a row template placed on the profile page, the entire row will be highlighted, and the row template level settings will appear in the top-right corner.
What do these settings mean?
- Pencil: Clicking the pencil icon will bring up the settings modal for the row template.
- Directions: Clicking and holding the direction icon will allow you to move the row template anywhere on your profile page.
- Trash Can: Clicking the trashcan icon will remove the row template from the profile.
Click here to learn more about specific row templates and widgets.
Widgets
Once the row template has been added to your profile, clicking the edit image icon within the row template will highlight the widget and display an edit icon in the top-right corner. Clicking the pencil icon will bring up the widget setting modal.
Click here to learn more about specific row templates and widgets.