How can we help you today?

ShortPoint Live Demos with Copy and Paste Magic

Looking for some SharePoint site and Teams examples to get inspiration from? Want to Copy and Paste your favorite designs for your own intranet and teams tab? 


Copy-paste


ShortPoint offers you a broad collection of ready-to-use page templates that you can easily paste in your SharePoint pages and Teams tabs. Welcome to the Copy and Paste Magic, and let's get started!



TABLE OF CONTENTS


Step 1: Visit ShortPoint Demos Website 


Open demos.shortpoint.com.


The site contains many examples we created using ShortPoint. Spend some time navigating through pages. If you like any sample, you can copy and paste directly into your page. 


Choose any page you like and click it to open for copying:


Select demo page


Step 2: Copy Page


At the top of every Demo Page, you will see the “Copy Page” button that will copy the entire page design:


Copy page button


Or you can copy any part of the page. Simply enable Allow to copy parts option, navigate to the section you'd like to copy and click the Copy button:


Allow to copy parts


Step 3: Paste in a SharePoint Page or Teams Tab


Before we begin: Always paste in an empty area


Note: You can skip this section if you are using SharePoint 2019 and Office 365 with ShortPoint SPFx version 8.0.x.xx and later. For this version, you will have a Grid Mode and Live Mode (modern pages only) experience, that does not require pasting in an empty area.


Platforms:

  • SharePoint 2013
  • SharePoint 2016
  • SharePoint 2019 with ShortPoint SPFx version below 8.0.x.xx (using Legacy Page Builder)
  • Office 365 with ShortPoint SPFx version below 8.0.x.xx (using Legacy Page Builder)
  • Microsoft Teams


For the platforms mentioned above, you will need to paste the copied content in an empty area and not inside any other existing ShortPoint content:


Classic page
Modern page
Teams tab
Empty area - classic pageEmpty area - modern pageEmpty area - Teams tab



In a Classic SharePoint Page


Edit the page. Navigate to an empty area and paste the copied content. You can use the context menu (mouse right-click) or the shortcut command (Ctrl+V or Cmd+V, depending on your laptop OS):


Paste in a classic SharePoint



In a Modern SharePoint Page

  • Legacy Page Builder


Edit the page. Add a ShortPoint web part and delete the default ShortPoint Section. Put your cursor within an empty area inside the web part and paste the copied content. You can use the context menu (mouse right-click) or the shortcut command (Ctrl+V or Cmd+V, depending on your laptop OS):


Paste in a modern SharePoint - legacy Wireframe Builder


  • Grid Mode

Note: Grid Mode is only available if you are using ShortPoint SPFx version 8.0.x.xx and later on SharePoint 2019 or Office 365 environment.


Edit the page. Add a ShortPoint web part. 


There are two ways of pasting the content in Grid Mode: using the context menu (right-click and paste) or using the Other Actions controls:

Paste in a modern SharePoint - new Wireframe Builder


Info: You cannot delete the default Section in Grid Mode - there always should be at least one Section inside the web part. You may surely delete it after pasting the copied content.


Note: Continue to the Copy & Paste from ShortPoint Live Demos section of our solution article Adding, Copying/Pasting Experience in ShortPoing Page Builder Live Mode and Grid Mode if you would like to know more about this new experience.

  • Live Mode

Note: Live Mode is only available if you are using ShortPoint SPFx version 8.0.x.xx and later on SharePoint 2019 or Office 365 environment in Modern experience.


Edit the page. Add a ShortPoint web part and switch to the Live Mode. 

There are two ways of pasting the content in Live Mode: using the context menu (right-click and paste) or using EasyPass Active mode and Other Actions:

Paste in a modern SharePoint - Visual Builder


Info: You cannot delete the default Section in Live Mode - there always should be at least one Section inside the web part. You may surely delete it after pasting the copied content.


Note: Check out article if you would like to know more about How to Copy from ShortPoint Demos Library and Paste in Live Mode.



In a Teams Tab


Add a new tab and select ShortPoint from the available options. Click Start now button under the Start from scratch section to insert ShortPoint web part. Then, delete the default ShortPoint Section


Put your cursor within an empty area inside the web part and paste the copied content. You can use the context menu (mouse right-click) or the shortcut command (Ctrl+V or Cmd+V, depending on your laptop OS): 


Paste in a Teams tab


Step 4: Save Your Page or Tab


In a Classic SharePoint page, click the Save button in the top right corner:


save page - classic SharePoint


In a Modern SharePoint page, click Save as draft (1) and/or Publish (2):


save page - modern page


In a Teams tab, click Publish:


save page - Teams tab


Step 5: Edit Whatever You Want


After you paste the page design, simply customize any Design Element that you want by using ShortPoint Page Builder:


Edit Design Element


Step-By-Step Video Tutorial

You can also watch the tutorial that we prepared for you:




We are constantly updating our Live Demos database. You can always visit demos.shortpoint.com for new page designs and inspiration.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 12 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more