FiveM Quick Tutorial

Tutorial Preview

FiveM Launcher

Create a simple launcher that connects players to your FiveM server

Play

Exit

Insert the FiveM Server object, configure it, then link it to your button.

Beginner Tutorial

FiveM Plugin

If you want to build a simple FiveM Launcher, the setup is very straightforward.

You can either:

create a blank launcher, add your own button, then add the FiveM object
or use a template, drop the FiveM object in, then link one of the existing buttons to it

Pro Tip

The FiveM Server object stores the server details. Your normal Button object is what the user actually clicks.

Option 1: Start with a Blank Launcher

If you want to build it from scratch:

Create a new blank launcher project.
Set a background for the page.
Add a title.
Add a normal Button object and name it something like Play or Connect.
Style the button however you want.

Option 2: Start with a Template

If you are using a template instead, that is fine too.

Just load the template you want, then decide which existing button will act as your FiveM connect button. In most cases that will be a Play button or a main action button.

Insert the FiveM Object

Open the Object Panel and insert the FiveM Server object.

Once inserted, you can move it anywhere you like on the page. This object stores the FiveM connection details for the launcher. It is not your main visible button.

Pro Tip

The actual connection is triggered by a normal button using the FiveM action.

Configure the FiveM Object

Select the FiveM Server object and open its properties.

You only need to fill in the basic server details:

Server IP/Host – your FiveM server IP address or hostname
Port – your FiveM server port

Examples:

123.45.67.89

play.yourserver.com

If you are not sure about the port, check your server setup. If your server uses the normal FiveM port, you can usually leave it at 30120.

Important Notice

Make sure the IP or hostname and port are correct. If those details are wrong, the launcher will not connect players to the correct server.

Link a Button to the FiveM Object

Now select the button you want the player to click.

This can be:

the button you created in your blank launcher
or an existing button from your template

Then:

Select the button.
Open its events or actions.
Create a click action.
Choose Connect to FiveM Server.
When asked for the FiveM Object, select your configured FiveM object.

Pro Tip

That is the whole flow: the button click triggers the action, and the FiveM object provides the server details.

That’s Basically It

Once the button is linked, your FiveM launcher is set up.

A simple beginner flow looks like this:

make the page look nice
insert the FiveM Server object
enter the server IP or hostname
check the port
link your button using Connect to FiveM Server

Summary

A basic FiveM Launcher does not need to be complicated. Whether you start with a blank launcher or a template, the core setup is the same: add the FiveM Server object, enter the server details, then connect a normal button to it using the FiveM action.