Hello Ivana

Thank you for your purchase.

Each service has its ID next to it:

Also, you don't need to use the purchase code. You can use Gutenberg blocks or Elementor widgets to simply choose the service from the drop-down, and it will automatically generate the shortcode.

Hello again Ivana

Thank you for your feedback, we'll share this with our developers, so they can include the ID before the service's ID.

At the moment, you can use block editor, and select your services through that:

Same can be achieved with Gutenberg blocks:

For the time being, I can offer a workaround, so that you can see the ID in back-end, like this:

Please download and install Add Admin CSS plugin, and in it add the following CSS:

.am-services-categories .am-service-card h4 {
	white-space: unset !important;
}

Like this:

That will make the service's name move to a new row, without cutting it off, and it will show the ID in there, as shown in my previous screenshot.

I hope that helps.

Hi again Ivana

The Add Admin CSS plugin works in back-end, regardless of the theme you're using, so if you install that plugin, and paste the code I shared like shown in my previous response, you will see the ID of a service in back-end, so you'd be able to use it to create the page.

As for Avada itself, I was using that theme for a year, and the Gutenberg blocks were still available. I'm not sure why you would not be able to use them, as the theme doesn't impact the page creation.