# Website Set the rules website's address, name and look, connect a domain of the city's, and put the website live for everyone to read. Source: https://fivedash.fivex.gg/docs/en/rules/site In **Rules → Website** you take care of the city hall's front: the address where the rules live, how the website shows on Google and in Discord and WhatsApp links, its look (the store's or its own) and the **Live** switch. Beside the form, a preview shows the website live. This page is for whoever sets up the rules website. ## Before you start * **Website created:** the website is created in **Rules → Pages**. Until then, **Rules → Website** takes you to the setup. See [Pages](https://fivedash.fivex.gg/docs/en/rules/pages). * **Plan:** the Rules module in the plan. **Your own domain** starts on **Pro**. * **Access level:** | What to do | Level needed | | ------------------------------------------------------ | ------------------------- | | See the website's address and status | **Site** at **View** | | Change the address, name, look, domain and put it live | **Site** at **Configure** | ## Put the website live The website starts **Offline**: only staff with access to the rules can open it, with the "Team preview" notice. For everyone to read it: ### Publish the pages In **Rules → Pages**, click **Publish** at the top and then **Publish the website** (or **Publish changes**). ### Turn on Live In **Rules → Website**, turn on the switch in the top corner. It goes from **Offline** to **Live**. ### Save In the bar that shows at the bottom ("You have unsaved changes"), click **Save**. **The website is live** shows up: anyone with the link can read the rules now. > If the website is live but nothing was published yet, you see "Publish the pages in the editor for it to show." To take it offline, turn off the switch and save: "Only the team can open it now." ## Settings Every change on this page only applies after **Save**. **Discard** undoes what wasn't saved. ### Address | Field | What it does | Default | | ----------------- | -------------------------------------------------------------------------------------------------------------------- | -------------------------- | | **Free address** | Where the rules live: `https://
.fivedash.site`. 3 to 32 characters, lowercase letters, numbers and hyphens. | The one chosen at creation | | **Custom domain** | A domain of the city's, like `rules.yourcity.com`. Once it's connected, the free address leads there. From Pro up. | None | > Changing the **Free address** turns off the old one right away: "The old link stopped working. Update it wherever you shared the rules." The rules panel on Discord switches to the new address on its own. ### Identity | Field | What it does | Default | | ---------------- | ------------------------------------------------------------------------------------------- | ---------------------------------------------- | | **Website name** | Next to the city's brand, at the top and in the browser tab. Up to 60 characters. | "Rules" | | **Description** | One sentence for Google and for links shared on Discord and WhatsApp. Up to 200 characters. | Empty (the link shows "Example City's rules.") | ### Sharing | Field | What it does | Default | | --------------- | ------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | | **Share image** | Shows when the rules' link is shared on Discord, WhatsApp or social media. Size 1200 × 630. Up to 1 MB (PNG, JPG, WebP or GIF). | Without its own image, the link uses the first page's cover (or the store's share image, with the store's look) | A page with a cover uses its cover on its own link. The link preview shows right below the field. ### Appearance | Field | What it does | Default | | ------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- | | **Use the store's look** | Colors, fonts, corners, brand and tab icon the same as the store's website. Change them there, they change here (edit in **Store → Website**). With no store on the server, the website uses its own look. | The one chosen at creation | | **Colors** / **Accent** | The color of the open page in the menu, the topic being read and the join-the-city button. | — | | **Brand** | How the city shows at the top: the icon with the name, the icon only, or your logo. | — | | **Logo** | A PNG with a transparent background works best. Any format, up to 800 × 240 and 1 MB. Without a logo, the icon and the name show. | No logo | | **Tab icon** | The icon in the browser tab and bookmarks. A PNG image, preferably square, scaled down to 256 × 256, up to 1 MB. | The server's icon | | **Headings** / **Heading font** | The font of each page's title and its topics. | — | | **Text** / **Text font** | The font of the rules, the menu and the buttons. | — | | **Uppercase headings** | Writes the headings in uppercase. | — | | **Corners** | How rounded buttons, callouts, tables and cards are. | — | ### Top of the page | Field | What it does | Default | | -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------- | | **Top notice** | One line above every page, in the accent color, like "New racing rules apply starting Friday". Leave it empty to hide it. Up to 90 characters. | Empty | | **Discord** | The city's Discord invite, at the top of the website (`https://discord.gg/yourcity`). | Empty uses the store's invite | ### City | Field | What it does | Default | | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------- | ------- | | **Join the city** | A button at the top that opens FiveM straight into `cfx.re/join/`. Needs the server's cfx.re address (in **Manage servers**). | — | ## Connect a domain of the city's Available from the **Pro** plan up. The domain can't be connected to a FiveDash store or to another rules website: use a subdomain just for the rules, like `rules.yourcity.com`. ### Start connecting In **Address → Custom domain**, click **Connect**. ### Type the domain In **Domain**, type the domain (for example, `rules.yourcity.com`) and click **Continue**. ### Create the DNS records The panel shows the record (or records) you need to create in the domain's DNS, with **Type**, **Name** and **Value** to copy. Create them where you bought the domain. ### Check FiveDash checks on its own, and it can take a few minutes. To check right away, use **Check again**. Once it shows **Connected**, you see "HTTPS on. The free address redirects here." To change or remove the domain, open **Domain options** and use **Change domain** or **Remove**. Once removed, the website stays at the free address. The DNS steps are the same as for the store's website: see [Store website](https://fivedash.fivex.gg/docs/en/store/site). ## FAQ **I changed the color and the website didn't change.** With **Use the store's look** on, the look comes from the store. Turn it off to use the website's own look, or change it in **Store → Website**. **The Join the city button doesn't show.** It needs the server's `cfx.re/join` address, set in **Manage servers**. **I got "Another city already uses this address."** The free address is unique across FiveDash. Pick another one. ## Next steps [Pages](https://fivedash.fivex.gg/docs/en/rules/pages)Write and publish the rules. [Discord panel](https://fivedash.fivex.gg/docs/en/rules/discord-panel)Post the rules' link in a pinned channel. [Store website](https://fivedash.fivex.gg/docs/en/store/site)The look the rules website can copy. [Plans and billing](https://fivedash.fivex.gg/docs/en/getting-started/plans-and-billing)Custom domain from Pro up.