diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
index d3bda33a..a87a5727 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/toolbar/toolbar.component.html
@@ -106,7 +106,7 @@
 			<mat-divider class="divider" *ngIf="!isMinimal && showSettingsButton"></mat-divider>
 
 			<!-- Settings button -->
-			<button *ngIf="!isMinimal && showSettingsButton" mat-menu-item id="settings-btn" (click)="toggleSettings()">
+			<button *ngIf="!isMinimal && showSettingsButton" mat-menu-item id="toolbar-settings-btn" (click)="toggleSettings()">
 				<mat-icon>settings</mat-icon>
 				<span>{{ 'TOOLBAR.SETTINGS' | translate }}</span>
 			</button>
diff --git a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.html b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.html
index 2682f76f..c287b216 100644
--- a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.html
+++ b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.html
@@ -9,6 +9,7 @@
 	[toolbarScreenshareButton]="_toolbarScreenshareButton"
 	[toolbarRecordingButton]="_toolbarRecordingButton"
 	[toolbarFullscreenButton]="_toolbarFullscreenButton"
+	[toolbarSettingsButton]="_toolbarSettingsButton"
 	[toolbarLeaveButton]="_toolbarLeaveButton"
 	[toolbarActivitiesPanelButton]="_toolbarActivitiesPanelButton"
 	[toolbarChatPanelButton]="_toolbarChatPanelButton"
diff --git a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
index 34c0f9ff..8d191004 100644
--- a/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
+++ b/openvidu-components-angular/src/app/openvidu-webcomponent/openvidu-webcomponent.component.ts
@@ -51,6 +51,10 @@ export class OpenviduWebComponentComponent implements OnInit {
 	 * @internal
 	 */
 	_toolbarBackgroundEffectsButton: boolean = true;
+	/**
+	 * @internal
+	 */
+	_toolbarSettingsButton: boolean = true;
 	/**
 	 * @internal
 	 */
@@ -226,6 +230,21 @@ export class OpenviduWebComponentComponent implements OnInit {
 	@Input() set toolbarBackgroundEffectsButton(value: string | boolean) {
 		this._toolbarBackgroundEffectsButton = this.castToBoolean(value);
 	}
+
+	/**
+	 * The **toolbarSettingsButton** attribute allows show/hide the settings toolbar button.
+	 *
+	 * Default: `true`
+	 *
+	 * <div class="warn-container">
+	 * 	<span>WARNING</span>: If you want to use this parameter to OpenVidu Web Component statically, you have to replace the <strong>camelCase</strong> with a <strong>hyphen between words</strong>.</div>
+	 *
+	 * @example
+	 * <openvidu-webcomponent toolbar-settings-button="false"></openvidu-webcomponent>
+	 */
+	@Input() set toolbarSettingsButton(value: string | boolean) {
+		this._toolbarSettingsButton = this.castToBoolean(value);
+	}
 	/**
 	 * The **toolbarLeaveButton** attribute allows show/hide the leave toolbar button.
 	 *