---
title: Creating the Appropriate UX Blocks
description: "After installing and activating the plugin, you'll need to create two UX Blocks to showcase your customized My Account page. 1. Begin by adding the first UX Block, named `My Account`. Once you've named it, the result of your shortcode…"
url: "https://flatsomeplugins.com/documentation/flatsome-my-account-ux-builder/creating-the-appropriate-ux-blocks/"
updated: "2023-11-17"
category: "Flatsome - My Account UX Builder"
---

# Creating the Appropriate UX Blocks

After installing and activating the plugin, you'll need to create two UX Blocks to showcase your customized My Account page.

1. Begin by adding the first UX Block, named `My Account`. Once you've named it, the result of your shortcode for the block ID will be:
   `[block id="my-account"]`
   - To install a pre-made template, you can easily find a folder named: **Pre built UX blocks**within the plugin folder. Inside this folder, you'll discover two text files. Open the **my-account.txt** file,
   - copy its contents, and paste them into the UX Block you created earlier. Make sure to use Text content, as shown in step 3 on the image below, and avoid Visual content.

![](https://flatsomeplugins.com/wp-content/uploads/2023/11/Creating-the-Appropriate-UX-Blocks-1024x535.jpg)
Creating the appropriate ux blocks 1

1. Next, add a second UX Block, named: `My Account Widget`. Once you've named it, the result of your shortcode for the block ID will be:
   `[block id="my-account-widget"]`
   - Repeat the process as in step 1, but this time use the **my-account-widget.txt** file for the second created UX Block.

By ensuring the shortcodes match the names you've given, you'll achieve the desired functionality.