Add a tab to the side menu.

[EduardoAldrimf]

Can someone tell me how to add a tab in the side menu in settings, under SLA.

I tried to put more, it didn't work, in the method below.

Example of image!

He should open an iframe of a page on the internet, a URL.

I modified files:

Featureflags.js

Adding the typebot on the last line.

CUSTOM_ROLES: 'custom_roles', TYPEBOT: 'typebot' };

Settings.js:

{ icon: 'automation', label: 'AUTOMATION', hasSubMenu: false, meta: { permissions: ['administrator'], }, toState: frontendURL(accounts/${accountId}/settings/automation/list), toStateName: 'automation_list', featureFlag: FEATURE_FLAGS.AUTOMATIONS, }, { icon: 'automation', // Choose an appropriate icon label: 'TYPEBOT', hasSubMenu: false, meta: { permissions: ['administrator'], // Define required permissions }, toState: frontendURL(accounts/${accountId}/settings/typebot), // Define the URL path toStateName: 'typebot', Define the state feature nameFlag: FEATURE_FLAGS.TYPEBOT, // Optional: Define a feature flag

Settings.routes.js

Import typebot from './typebot/typebot.routes'; and also

...Typebot.routes, on the last line.

I created a typebot folder inside:

/App └── /javascript └─ /dashboard └── /routes └── /dashboard └── /settings └── /typebot ├── Index.vue ├── typebot.routes.js

Typebot.routes.js:

Import { frontendURL } from '.. /.. /.. /../helper/URLHelper'; const Typebot = () => import('. /Index.vue'); // Lazy load of the component

Export default { routes: [ { path: frontendURL('/accounts/:accountId/settings/typebot'), name: 'typebot', component: Typebot, meta: { permissions: ['administrator'], // Required permissions }, }, ], };

Index.vue.