Tutorial: My First Profile!
Introduction
The FroggeBot Profiles module is its premier feature. It allows users to create
and manage their own character profiles, which can be customized with a variety of
options.
Here we'll walk through the process of creating your first profile. Let's get started!
Preparation
First off, ensure that you have FroggeBot installed in your server.
Currently, profiles are only available to venue staff members that have been hired into
FroggeBot using the /admin hire command. If you're not a staff member, you can still
follow along with this tutorial, but you won't be able to create a profile until you've
been hired.
Hiring Staff
To learn more about the hiring process, check out the hiring tutorial and the staffing module.
The Goal
Here's an example of what your profile will look like when we're finished:
Profile Progress
One of the buttons on the upcoming main profile menu is the button. This button will show you the completion status of your profile in a handy checklist format.
Make sure to use it often to see how close you are to completing your profile!
Creating Your Profile
Profile Command
To create your profile, use the /staff profile Click to copy command. This command will prompt you to select the character you wish to create a profile for or create a new character.
Error Message
If you receive an error message when trying to create a profile, it is likely that you are not a staff member in the venue. Please refer to the hiring tutorial to learn how to become a staff member.
Completion Status
Note that the emoji indicating the profile's completion status is dependent on the venue's profile requirement configuration. In this example, our venue doesn't require any elements of a profile to be filled out, so the profile is considered complete.
Posting Status
The posting status indicates whether the profile has been posted to one of the venue's profile channels.
For the sake of this tutorial, we'll assume you have no experience with making a profile in FroggeBot and
use the default character that was created for you upon hiring.
Click on the button to proceed.
Select the default character from the drop-down box to access the profile menu.
You'll be presented with the profile main menu and a variety of buttons that allow you to customize various elements of your profile.
Setting an Element
Everything is Optional
All elements of the profile are optional, so feel free to skip any sections that you don't want to fill out.
Do note, however, that each venue may have different requirements for what elements of the profile need to be filled out, and while all elements are optional by default, the final profile configuration is up to venue management.
To set an element of your profile, click on the button corresponding to the section containing that element. For example, if you notice our character's name isn't set by default, so let's fix that.
Click on the button to move on to the Main Info menu.
Here you can set your character's name, custom URL, freelance rates, and more.
For us, we'll just set the name to start.
Click the button.
Button Colors
As you progress through the profile creation process, you'll notice that the attribute buttons in each section change color as you set them. The colors indicate the completion status of the profile element.
-
- Incomplete
-
- Complete
Enter your character's name in the text box and click the button.
See how the status message updates to reflect the completion of the character name.
Main Details
Okay, we're doing good so far, let's go ahead and fill in the remaining four details in the Main Info menu. Each tab below will have a brief explanation of what each field is for and what we'll be entering into it for this tutorial.
Note
Make sure to review each tab below to ensure that the profile is set up completely.
The custom URL is an opportunity to include a link to your character's profile on an external site. This could be a character sheet, a Carrd, or a social media profile.
For this tutorial, we'll set the custom URL to https://x.com/HomeHopping.
The accent color is a hex code that will be used to color your character's profile card. This is a great way to personalize your profile and make it stand out.
For this tutorial, we'll set the accent color to #4ABC23.
The RP Jobs section is a place to list any roleplay jobs that your character has. This could be a bartender, a dancer, a singer, or any other role that your character might have in a roleplay setting.
For this tutorial, we'll set the RP Jobs to Bartender, Dancer, and Discord Queen.
The freelance rates section is a place to list the rates that your character charges for freelance work. This could be anything from a bartender charging for drinks to a dancer charging for performances.
For this tutorial, we'll set the freelance rates to Drinks: 10k gil, Dances: 20k gil, and Discord Calls: 5k gil.
After you've filled in all the details, your Main Info menu should look like this:
Now let's click the button to save our changes and return to the previous main menu.
At A Glance Section
The At A Glance section is a quick summary of your character's demographic info. It includes your character's age, Mare code, height, home world, and more.
Click the button to move on to the At A Glance menu.
Next let's fill in the At A Glance section with the following details:
Note
Make sure to review each tab below to ensure that the profile is set up completely.
The Race/Clan section of your profile is extremely flexible and can be used to represent any existing FFXIV races and clans or any custom variations you might have.
For this tutorial, we'll set the Race and Clan values to Roegadyn and Frogge, respectively
by selecting Roegadyn from the first drop-down and selecting Custom in the second drop-down to
be presented with a pop up where we can fill in Frogge.
The Gender/Pronouns section is equally as flexible as the Race/Clan section, allowing you to set custom values for your character's Gender.
We'll set our gender to Female and our pronouns to She/Her/Hers for this tutorial.
The Orientation section is a place to list your character's sexual orientation. This could be anything from straight to pansexual, or you may add a custom value.
For this tutorial, we'll set the orientation to Pansexual.
The Height section is a place to list your character's height. This field auto-converts imperial and metric measurements, so you can enter your height in either format.
For this tutorial, we'll set the height to 6'2".
The Age section is a place to list your character's age. This field is a freeform text field, so you can enter any value you like.
For this tutorial, we'll set the age to a ripe old value like 33.
The Mare ID section is a place to list your character's Mare ID. This field is a freeform text field, so you can enter any value you like.
For this tutorial, we'll set the Mare ID to FROGGE.
The Home World section is a place to list your character's home world. You will first select the data center that your character is on and then select the home world from the drop-down lists.
For this tutorial, we'll set the home world to Aether: Midgardsormr.
After you've filled in all the details, your At A Glance menu should look like this:
Click the button to save your changes and return to the previous menu.
Profile Personality
The Profile Personality section is a place to list your character's personality traits. This could be anything from their likes and dislikes to their quirks and habits.
Click the button to move on to the Personality menu.
Next up, let's fill in the Personality section with the following details:
Note
Make sure to review each tab below to ensure that the profile is set up completely.
The Likes section is a place to list your character's likes. This could be anything from food to activities to people. This should be a comma-separated list of values.
For this tutorial, go ahead and enter three likes: Swimming, Reading, and Dancing, for example.
The Dislikes section is a place to list your character's dislikes. This could be anything from food to activities to people. This should be a comma-separated list of values.
For this tutorial, go ahead and enter three dislikes: Spiders, Loud Noises, and Rude People, for example.
The Personality section is a place to list your character's personality traits. This could be anything from their quirks and habits to their general demeanor.
For this tutorial, go ahead and enter a simple bit of text.
The About Me section is a place to list more general information about your character. This could be anything from their backstory to their goals and aspirations.
For this tutorial, I'll enter a simple bio.
After you've filled in all the details, your Personality menu should look like this:
Click the button to save your changes and return to the previous menu.
Image Assets
There are three image asset sections in the profile: Thumbnail, Main Image, and Additional Images. These sections allow you to upload images to your profile to give it a more visual flair.
Click the button on the profile main menu to move on to the Images menu.
Thumbnail Image
The Thumbnail Image section is a place to upload a small image that will be displayed at the top-right next to your character's name. This is most effective when using a square or portrait-style image.
Let's upload a thumbnail image for our character.
Click the button to move on to the Thumbnail Image menu.
Then click the button to upload an image from your computer into the chat.
Main Image
Now let's upload a main image for our character. This image will be displayed at the bottom-center of your character's profile card and is a great place to showcase your character's appearance. This image should be landscape-style for best results.
Click the button to move on to the Main Image menu.
Then click the button to upload an image from your computer
Additional Images
The Additional Images section is a place to upload any additional images that you want to include in your profile. These images will be displayed in a list above your character's main image and can be used to showcase different aspects of your character.
For the purposes of this tutorial, we'll add a single additional image.
Click the button to add an additional image.
To further manage the images, you can click the button.
After you've uploaded all the images, your Images menu should look like this:
Click the button to save your changes and return to the main profile menu.
Profile Preview
Now that we've filled in all the details of our profile, let's take a look at what it looks like.
Click the button to generate a preview of your profile.
Posting Your Profile
Once you're happy with your profile, you can post it to one of the venue's profile channels.
From the profile main menu, click the button to post your profile.
Error Message
If you receive an error message when trying to post a profile, it is likely that your venue management has not set up a profile channel for you to post to. Please contact your venue management for more information.
