XZ

Xiao Z's blog

Learn, build, share

How to Integrate CNZZ Cloud Recommendation into TangStyle Optimized Theme

TangStyle optimizationCNZZ cloud recommendationWordPress theme setupfixed position recommendation codeCNZZ integration guide
Published·Modified·

First, download and install TangStyle Optimized Version 1.1. The installation method is: Dashboard >> Appearance >> Themes >> Add New >> Upload Theme >> Select the TangStyle_Optimization1.1 zip file.

1. Enable TangStyle Optimized Version

After successful installation, enable the TangStyle Optimized theme. You will see the feature options shown below. To use this feature, you need to add a CNZZ cloud recommendation code.

CNZZ Cloud Recommendation CNZZ Cloud Recommendation

2. Register and Activate CNZZ Cloud Recommendation

Visit http://tui.cnzz.com/ to register and log in.

3. Obtain the Code

According to Xiao Z's testing, TangStyle supports two styles of code: fixed-position images and fixed-position text. You can choose either one.

Fixed-Position Text

  1. Click Add Recommendation in the backend, select Site Type: General >> Smart Recommendation >> Fixed Position, then click Next.
  2. Choose between Text, Image, or Text+Image templates. Select the Text template, then choose a horizontal layout.
  3. Style Settings: Note that the width must be set to 686px. Other settings can be adjusted according to your preference.
  4. Finally, save and obtain the code, then add it to the backend settings.

Obtain Code Obtain Code

Fixed-Position Text Display Effect Fixed-Position Text Display Effect

Fixed-Position Image

  1. Click Add Recommendation in the backend, select Site Type: General >> Smart Recommendation >> Fixed Position, then click Next.
  2. Select the Image template, then choose a horizontal layout.
  3. Style Settings: Note that the width must be set to 686px. Other settings can be adjusted according to your preference.
  4. Finally, save and obtain the code, then add it to the backend settings.

Fixed-Position Image Display Effect Fixed-Position Image Display Effect

If you encounter any issues during use, please leave a comment below, and I will reply as soon as possible. My QQ: 337003006. Welcome to learn and communicate together.