How to Quickly Build a NFT Website Using Templately Templates on a WordPress Website

Wanted to build a cool website showcasing the NFT collection, but didn't want to write a one-linecoding? Now with the help of Templately plug-in and WordPress' own Block Editor (Gutenberg)The NFT website can be built easily and professionally!

This tutorial will show you step-by-step how to use the NFT website templates provided by Templately to deploy your site in minutes and automate the display of your NFT CollectionThe

I. Preparation: Installation of the necessary plug-ins

Before you start, make sure you have installed and activated the following plugins:

• Templately Pro (Professional Edition)
• Essential Blocks (for NFT API integration)

II. Importing NFT Website Templates

• Log in to the WordPress backend and click on the left-hand menu Templately> Templately Library
• In the template type select Gutenberg (block editor)

• Type in the search box "NFT Vault"

• Find the corresponding template and click Live DemoPreview site effects

• After confirming, click Insert Full Site (import the whole site template)

• Fill in the site title and subtitle and click Next

• The system will detect the required dependencies, click Install and ProceedStart installing the template package

• After the installation is complete, click Visit Your Website View your website

Integration of NFT platform APIs (OpenSea as an example)

If you want to display a real NFT collection in your website, you need to connect to the APIs of platforms such as OpenSea.

• On the NFT Display Module, click on thehyperlinked text" (bootstrap connection) API)

• Page jump to Essential Blocks > API Integrations

• In the OpenSea NFT item, click on theEdit"To do so, enter your OpenSea API Key

• strike (on the keyboard) Save Changes
• Return to the page to see your NFT favorites displayed in the block!

Customize the NFT display block style

Templately + Essential Blocks provides a rich set of block settings to support beautification and presentation effects:

Content Settings (General Tab):

• Select the type and number of NFTs to display

• Sets the layout type:List or Grid

• Adjusts the number of items per row displayed

• Controls whether images, captions and buttons are displayed on mouse hover.
  • Show NFT Pictures
  • Show title
  • Show button

Style Tab:

• Setting Column Gap & Row Gap

• Customize the color, spacing, and border of project blocks

• Adjust fonts, sizes, colors, etc. of images, captions, buttons, etc.

Advanced Settings (Advanced Tab):

• Customize Outer & Inner Margins (Margin & Padding)
• Setting Responsive Styles or Adding Additional CSS Style Class Names

Once the settings are complete click on the top right corner of the Save button and then update the site to show the results.

V. Final effect display

The site now has full NFT presentation capabilities, supports automatic synchronization of NFT data, supports responsive layouts, and can be embedded into any page supported by the block editor, which is a great fit:

• NFT Artist Showcases Personal Portfolio
• Web3 Creators Promoting Collections Program
• Collectors record and share collections on the chain

summarize

Use the Templately plugin with the WordPress block editor to build a professional NFT website in minutes:

• No Programming Basics
• Provide complete template structure
• Integration with OpenSea API to showcase real NFT collections
• Visual interface for easy customization of styles

With the WordPress block editor and Templately templates, you can quickly build a professional-looking, fully functional NFT website without adding code. Whether you're showcasing your personal NFT collection or creating Web3 The official project website, with template import, API integration and style customization in just a few steps, is the ideal solution for beginners and creators.

For more WordPress related tutorials and information, please follow thePhoton fluctuation network, has the most comprehensive WordPress tutorials and the most activeWordPress Exchange CommunityThe

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off