{"id":515,"date":"2023-05-18T09:06:17","date_gmt":"2023-05-18T09:06:17","guid":{"rendered":"https:\/\/moceanapi.com\/blog\/?p=515"},"modified":"2023-06-12T06:14:50","modified_gmt":"2023-06-12T06:14:50","slug":"how-to-secure-your-typo3-account-using-sms-two-factor-authentication-2fa","status":"publish","type":"post","link":"https:\/\/moceanapi.com\/blog\/how-to-secure-your-typo3-account-using-sms-two-factor-authentication-2fa\/","title":{"rendered":"How to secure your TYPO3 account using SMS Two Factor Authentication (2FA)"},"content":{"rendered":"\n<p>In this article, we&#8217;ll guide you step by step to secure your TYPO3 account with SMS Two Factor Authentication (2FA).<\/p>\n\n\n\n<p>We have a video tutorial <a href=\"https:\/\/www.youtube.com\/watch?v=LuRfqvcjvy0\" target=\"_blank\" rel=\"noreferrer noopener\">her<\/a><a href=\"https:\/\/www.youtube.com\/watch?v=_CaGex2yRZA\" target=\"_blank\" rel=\"noreferrer noopener\">e<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prerequisite<\/h2>\n\n\n\n<p>1. Go to <strong>Web -&gt; Templates -&gt; Select your website -&gt; Edit whole template record<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1001\" height=\"613\" src=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-47.png\" alt=\"\" class=\"wp-image-528\" srcset=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-47.png 1001w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-47-300x184.png 300w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-47-768x470.png 768w\" sizes=\"(max-width: 1001px) 100vw, 1001px\" \/><\/figure>\n\n\n\n<p>2. Under <strong>Includes<\/strong> tab, add the <strong>form<\/strong> from right into the left column<\/p>\n\n\n\n<p>3. Download and Install <a href=\"https:\/\/extensions.typo3.org\/extension\/bootstrap_package\" target=\"_blank\" rel=\"noreferrer noopener\">Bootstrap Package v12<\/a> and enable it in your template<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"928\" height=\"567\" src=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-54.png\" alt=\"\" class=\"wp-image-540\" srcset=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-54.png 928w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-54-300x183.png 300w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-54-768x469.png 768w\" sizes=\"(max-width: 928px) 100vw, 928px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"step-1-install-mocean-api-sms-broadcast-extension\">Step 1: Install MoceanAPI 2FA Login extension<\/h2>\n\n\n\n<p>1. Download&nbsp;<a href=\"https:\/\/extensions.typo3.org\/extension\/mocean_sms_login\" target=\"_blank\" rel=\"noreferrer noopener\">MoceanAPI 2FA Login extension<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"372\" src=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-38-1024x372.png\" alt=\"\" class=\"wp-image-517\" srcset=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-38-1024x372.png 1024w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-38-300x109.png 300w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-38-768x279.png 768w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-38.png 1434w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>2. Login to your TYPO3 backend administration.<\/p>\n\n\n\n<p>3. Navigate to&nbsp;<strong>Extension Manager<\/strong>&nbsp;under&nbsp;<strong>Admin Tools<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"570\" src=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-27.png\" alt=\"extensions side navigation bar\" class=\"wp-image-491\" srcset=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-27.png 300w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-27-158x300.png 158w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p>4. Upload the&nbsp;<strong>ZIP file<\/strong>&nbsp;you\u2019ve downloaded.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"316\" src=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-28.png\" alt=\"install moceanapi sms broadcast typo3\" class=\"wp-image-492\" srcset=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-28.png 982w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-28-300x97.png 300w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-28-768x247.png 768w\" sizes=\"(max-width: 982px) 100vw, 982px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"step-2-configure-mocean-api-key-and-secret\">Step 2: Configure Mocean API Key and Secret<\/h2>\n\n\n\n<p>1. Get your&nbsp;<strong>MoceanAPI Key and Secret<\/strong>&nbsp;from&nbsp;<a href=\"https:\/\/dashboard.moceanapi.com\/dashboard\" target=\"_blank\" rel=\"noreferrer noopener\">MoceanAPI Dashboard<\/a>. Register an account&nbsp;<a href=\"https:\/\/dashboard.moceanapi.com\/register?fr=typo3\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>&nbsp;in less than 5 minutes if you don\u2019t already have one.<\/p>\n\n\n\n<p>2. After you\u2019ve installed MoceanAPI SMS Broadcast, you need to configure your Mocean&nbsp;<strong>API Key<\/strong>&nbsp;and&nbsp;<strong>Secret&nbsp;<\/strong>into our extension.<\/p>\n\n\n\n<p>Navigate to&nbsp;<strong>Settings -&gt; Extension Configuration -&gt; mocean_sms_login<\/strong> and configure all the settings<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"998\" height=\"796\" src=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-51.png\" alt=\"\" class=\"wp-image-535\" srcset=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-51.png 998w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-51-300x239.png 300w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-51-768x613.png 768w\" sizes=\"(max-width: 998px) 100vw, 998px\" \/><\/figure>\n\n\n\n<p>3. Storage Page<\/p>\n\n\n\n<p>Create or select a folder to store opted-in users, the Storage Page ID should be visible<br>at the top bar(ex:<strong> Mocean Login User[91]<\/strong>). Create the folder beforehand so that all opted-in users may be listed. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"367\" height=\"290\" src=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-45.png\" alt=\"\" class=\"wp-image-525\" srcset=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-45.png 367w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-45-300x237.png 300w\" sizes=\"(max-width: 367px) 100vw, 367px\" \/><\/figure>\n\n\n\n<p>4. Verify page<\/p>\n\n\n\n<p>Opted in user will be redirected to a page for verification, create a new page and insert MoceanSMS verify code form, configure the page so that the page cannot be seen in menu as needed. URL can be configured in the extension configuration.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-42-1024x455.png\" alt=\"\" class=\"wp-image-521\" srcset=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-42-1024x455.png 1024w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-42-300x133.png 300w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-42-768x342.png 768w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-42.png 1383w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>5. Logout Page<\/p>\n\n\n\n<p>Opted-in user who tried to navigate to other pages without finishing verification will be forcefully logged out and redirected to this page. URL can be configured in the Extension Configuration.<\/p>\n\n\n\n<p>6. Unavailable Page<\/p>\n\n\n\n<p>if errors (low on credit, authorization failed for Mocean account etc.) appear when sending the verification SMS to opted-in users during login, they will be logged out and redirected to this page. Configurable in extension configuration.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Send OTP on login attempts<\/h2>\n\n\n\n<p>Login as your user<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"344\" src=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-49-1024x344.png\" alt=\"\" class=\"wp-image-532\" srcset=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-49-1024x344.png 1024w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-49-300x101.png 300w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-49-768x258.png 768w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-49.png 1114w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>They&#8217;ll then be redirected to the OTP page<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"309\" src=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-53-1024x309.png\" alt=\"\" class=\"wp-image-538\" srcset=\"https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-53-1024x309.png 1024w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-53-300x91.png 300w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-53-768x232.png 768w, https:\/\/moceanapi.com\/blog\/wp-content\/uploads\/2023\/05\/image-53.png 1030w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once they&#8217;ve entered the correct OTP code sent to their phone number. You can rest assured that they&#8217;re the real authenticated user.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we&#8217;ll guide you step by step to secure your TYPO3 account with SMS Two Factor Authentication (2FA). We have a video tutorial here Prerequisite 1. Go to Web -&gt; Templates -&gt; Select your website -&gt; Edit whole template record 2. Under Includes tab, add the form from right into the left column&#8230;<\/p>\n","protected":false},"author":1,"featured_media":542,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[22,19],"tags":[],"class_list":["post-515","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-typo3","category-content-management-system-cms"],"_links":{"self":[{"href":"https:\/\/moceanapi.com\/blog\/wp-json\/wp\/v2\/posts\/515"}],"collection":[{"href":"https:\/\/moceanapi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/moceanapi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/moceanapi.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moceanapi.com\/blog\/wp-json\/wp\/v2\/comments?post=515"}],"version-history":[{"count":11,"href":"https:\/\/moceanapi.com\/blog\/wp-json\/wp\/v2\/posts\/515\/revisions"}],"predecessor-version":[{"id":621,"href":"https:\/\/moceanapi.com\/blog\/wp-json\/wp\/v2\/posts\/515\/revisions\/621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/moceanapi.com\/blog\/wp-json\/wp\/v2\/media\/542"}],"wp:attachment":[{"href":"https:\/\/moceanapi.com\/blog\/wp-json\/wp\/v2\/media?parent=515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/moceanapi.com\/blog\/wp-json\/wp\/v2\/categories?post=515"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/moceanapi.com\/blog\/wp-json\/wp\/v2\/tags?post=515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}