add search box to modern page

%3CLINGO-SUB%20id%3D%22lingo-sub-1526463%22%20slang%3D%22en-US%22%3Eadd%20search%20box%20to%20modern%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1526463%22%20slang%3D%22en-US%22%3E%3CP%3ECan%20a%20search%20box%20be%20added%20as%20a%20webpart%20to%20a%20modern%20page.%20Currently%20I've%20a%20hub%20site%20with%20the%20search%20across%20all%20sites%20bar%20located%20on%20top.%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22slanger_0-1594821247226.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F205462i243DBD0327E7D454%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22slanger_0-1594821247226.png%22%20alt%3D%22slanger_0-1594821247226.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EI'd%20like%20to%20add%20this%20more%20prominently%20to%20the%20center%20of%20the%20page%20(similar%20to%20new%20edge)%20so%20it%20would%20allow%20users%20to%20search%20for%20content%20across%20all%20associated%20sites.%20It%20needs%20to%20be%20focused%20on%20the%20home%20page%20so%20the%20users%20cam%20easily%20search%20for%20content.%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22slanger_1-1594821381177.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F205463iB55FDD5F8ABFE241%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22slanger_1-1594821381177.png%22%20alt%3D%22slanger_1-1594821381177.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EIs%20this%20achievable%20through%20any%20means%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1526463%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESites%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1526530%22%20slang%3D%22en-US%22%3ERe%3A%20add%20search%20box%20to%20modern%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1526530%22%20slang%3D%22en-US%22%3EUnfortunately%20no%20with%20out%20of%20the%20box%20features%20in%20SharePoint%20Online%2C%20but%20you%20might%20have%20a%20look%20to%20the%20PnP%20Search%20WebParts%3A%20%3CA%20href%3D%22https%3A%2F%2Fmicrosoft-search.github.io%2Fpnp-modern-search%2Fsearch-parts%2Fgetting-started%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fmicrosoft-search.github.io%2Fpnp-modern-search%2Fsearch-parts%2Fgetting-started%2F%3C%2FA%3E%3C%2FLINGO-BODY%3E
Highlighted
Regular Visitor

Can a search box be added as a webpart to a modern page. Currently I've a hub site with the search across all sites bar located on top. 

slanger_0-1594821247226.png

I'd like to add this more prominently to the center of the page (similar to new edge) so it would allow users to search for content across all associated sites. It needs to be focused on the home page so the users cam easily search for content. 

slanger_1-1594821381177.png

Is this achievable through any means?

1 Reply
Highlighted
Unfortunately no with out of the box features in SharePoint Online, but you might have a look to the PnP Search WebParts: https://microsoft-search.github.io/pnp-modern-search/search-parts/getting-started/