CP Blocks
CP Blocks main features: Multiple blocks of code in the users’ websites Integration with the Calculated Fields Form plugin Integration with the Contact Form 7 plugin Allows the insertion of blocks in the website’s posts and pages Constant development including many new blocks … and more features CP Blocks is an easy way to insert cool buttons, styles, scripts, payment / donation buttons and features into your WordPress website without requiring programming knowledge. With CP Blocks you can access many resources like design elements, form’s fields, new features, and more. The use of CP Blocks is very simple, just press the “Insert Block” button in the controls of the “Contact Form 7” or the “Calculated Fields Form” plugin (Screenshots: 2. Contact Form 7 integration and 3. Calculated Fields Form integration), the “Insert Block” button is available beside the “Add Media” button too over the content of the pages/posts (Screenshot: 4. Integration with pages and posts) Some of the free blocks included are: Text Length: To calculate the number of characters in a text Print Form: For printing a form Lorem Ipsum Generator: Lorem ipsum text generator PayPal Donation Button: For inserting PayPal donation buttons Disable Text Selection Hightlighting: Disable the text selection hightlighting on the page Disable Right-click on the Page: Disable the mouse right-click menu Display current date: display the current date on the page Autorefresh page: Autorefresh the page every a specified number of seconds Tooltips: Allows associating tooltips to the form’s elements Grow Effect: Design effect Rounded Button: Button design Animated Border Button: Button design Corner Tab Button: Button design Border Effect Button: Button design Animated Border Button 2: Button design Button With Fold Effect: Button design Corner Tab Button 2: Button design Corner Tab Button 3: Button design Animated Border Button 3: Button design Slide Down Fill Button: Button design Slide Up Fill Button: Button design Slide Left Fill Button: Button design Dark Button With Icon: Button design Dark Button With Icon 2: Button design Beveled Dark Button: Button design Curtain Effect Button: Button design Button With Scaled Icon: Button design Image With Overlaying Testimonial: Information box design Testimonial Card with Icon, Quote and Title: Information box design Testimonial Card with Image, Title and Quote: Information box design Testimonial with Profile Image: Information box design Testimonial Card with Image, Title and Quote: Information box design Testimonial with Quote and Profile Image: Information box design Dark Themed Testimonial with Tile Quote and Profile Image: Information box design Some of the additional commercial blocks are: Words Counter: To calculate the number of words in a text Read CSV File: For reading an online CSV file and use it into form PayPal Payment Button: Inserts a PayPal one time payment button PayPal Subscription Button: Inserts a PayPal recurrent payment button Skrill Payment Button: Inserts a Skrill one time payment button Address Field: Inserts an autocomplete address field integrated to Google Places Prevent framing: Inserts a block to find out if the page is embedded as a frame to other site and will prevent that by redirecting to the correct page without framing Detect HTTP or HTTPS then force HTTPS: Inserts a code block to detect HTTP or HTTPS and then force usage of HTTPS to be sure that the page is loaded over a SSL secure connection. Ad Blocker Alert: Displays a pop-up window if there is an Ad Blocker active in the browser and limits the access to the page’s content in that case. How to insert the blocks? Press the “Insert Blocks” button in the toolbar of the forms builder in the “Calculated Fields Form” (Screenshot: 3. Calculated Fields Form integration), or the toolbar of the “Contact Form 7” (Screenshot: 2. Contact Form 7 integration). The button is available too beside the “Add Media” button in the posts and pages (Screenshot: 4. Integration with pages and posts) CP Blocks opens a popup window (Screenshot: 5. Blocks popup), that includes at top-right the list of blocks categories, and below it, the list of blocks. Selecting a specific category the blocks list is refreshed with their blocks. After selecting a block, its description, assets and insertion options are displayed in the right column (Screenshot: 6. Inserting the block) Pressing the “Insert Block” button the piece of code corresponding to the block is inserted in the website (Screenshot: 7. Block in the CFF form)
Products Showcase – Shopify Integration
Display your Shopify products on WordPress with beautiful, responsive carousels and grids. Built as a native Gutenberg block with OAuth authentication for easy setup. Features Native Gutenberg Block – Built with React, no jQuery or third-party services on the frontend Beautiful Carousels – Touch-friendly product carousels powered by Embla Carousel Smart Product Display – Show individual products or entire collections Color Swatches – Visual product color options with hover effects Carousel or Grid Layout – Horizontal carousel or a responsive grid with 2-6 columns Fully Responsive – Optimized for all screen sizes and devices Performance Optimized – Smart caching and lazy loading Live Search – Real-time product/collection search in block editor Sale Badges – Automatic sale badge and struck-through compare-at prices OAuth Authentication – Secure one-click connection to Shopify Use Cases Showcase featured products on your blog Display seasonal collections on landing pages Add product carousels to content-heavy sites Bridge content and commerce seamlessly Requirements WordPress 6.3+, PHP 7.4+ A Shopify store with Admin API access Links Plugin Website – Overview, demos & updates GitHub Repository – Source code & developer docs Documentation – Full installation guide External Services This plugin connects to the Shopify Admin API to fetch your product data. Service Provider: Shopify Inc. Data Transmitted: Store URL, OAuth credentials (one-time), and product queries When: During setup, when searching products in editor, and when displaying products (cached for 1 hour) Privacy: All Admin API calls are made server-side and the plugin itself sends no visitor data to Shopify. Product data is cached locally. Note that visitors’ browsers load product images directly from Shopify’s CDN (cdn.shopify.com), and product links open on your Shopify store, so Shopify may receive standard request data (such as IP address) from visitors in the same way as any embedded image or outbound link. Shopify Legal: * Terms of Service * Privacy Policy * API Terms Configuration Easy OAuth Setup Navigate to Shopify Products in WordPress admin Enter your Shopify Store URL (e.g., your-store.myshopify.com) Paste your Client ID from Shopify Paste your Client Secret from Shopify Click “Connect to Shopify” You’ll be redirected to Shopify to authorize the connection After authorizing, you’re automatically redirected back – done! The plugin automatically obtains the access token via secure OAuth and detects the latest Shopify API version. Usage Edit any page or post in WordPress Click “+” to add a block and search for “Shopify Products” Choose Products Mode (select individual products) or Collection Mode (display a collection) Use the live search to find and add products Customize title, description, and product limit as needed The block displays as a touch-friendly carousel on mobile and with arrow navigation on desktop, or as a responsive grid (choose Layout → Grid in the block’s Display Options and set the desktop column count). Single products get a special two-column featured layout. Not using the block editor? Use the [products_showcase] shortcode in the Classic editor, text widgets, or page builders: [products_showcase collection="123456789"] [products_showcase products="111,222,333" title="Featured"] [products_showcase collection="123456789" layout="grid" columns="4"] Supported attributes: collection, products, limit, layout, columns, title, description, button_text, button_url, button_new_tab, new_tab, hover_image, card_width, disable_padding, and color options. See the GitHub README for the full list. Customization For custom CSS classes, template overrides, hooks & filters, and developer documentation, see our GitHub README. Troubleshooting Products Not Showing Check API credentials in Settings → Shopify Products Verify connection shows green checkmark Clear cache using the button in settings Ensure products are set to Active in Shopify (Draft products are hidden) Can’t Configure Shopify App In Dev Dashboard, click “New version” to edit settings Add scopes in the “Access” section Click “Release” to activate your configuration For detailed troubleshooting, see our GitHub documentation. Credits Built with Embla Carousel for smooth, touch-friendly carousels Powered by @wordpress/scripts Support Plugin Website Plugin Support Forum GitHub Issues Privacy Policy This plugin connects to Shopify’s API to fetch product data. Product information is cached locally. The plugin does NOT collect or transmit any visitor data. See Shopify’s privacy policy for their data handling practices.
